diff --git a/CHANGELOG.md b/CHANGELOG.md
index 36f9700..a20dfba 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,10 +8,11 @@ and this project adheres to
## [Unreleased]
-- 👷(front) change size small modal
+- 🎨(front) activation page footer
### Changed
+- 👷(front) change size small modal
- 🎨(front) retour ui global
- 👷(front) fix button scrollDown
- 💥(front) disable input when error occurred
diff --git a/src/frontend/apps/conversations/src/features/auth/components/ActivationPage.tsx b/src/frontend/apps/conversations/src/features/auth/components/ActivationPage.tsx
index d59f458..407e5e2 100644
--- a/src/frontend/apps/conversations/src/features/auth/components/ActivationPage.tsx
+++ b/src/frontend/apps/conversations/src/features/auth/components/ActivationPage.tsx
@@ -12,6 +12,7 @@ import {
HomeHeader,
getHeaderHeight,
} from '@/features/home/components/HomeHeader';
+import { LeftPanel } from '@/features/left-panel';
import { useResponsiveStore } from '@/stores';
import { useActivationStatus, useRegisterNotification } from '../api';
@@ -152,56 +153,69 @@ export const ActivationPage = () => {
return (
+ {isSmallMobile && (
+
+
+
+ )}
-
+
+
+
-
-
-
-
- {t('The Assistant is in Beta')}
-
-
- {t(
- 'Access is limited to people who have an invitation code. If you have one, please enter it below.',
- )}
-
-
-
- }
- disabled={isSubmitting || !code.trim()}
- style={{
- width: isDesktop ? 'auto' : '100%',
- whiteSpace: 'nowrap',
- padding: '12px 24px',
- }}
- >
- {isSubmitting ? t('Unlocking...') : t('Unlock access')}
-
-
-
-
-
-
- {t('No code? ')}
-
setIsNotifyModalOpen(true)}
- $css={css`
- display: inline-block;
- cursor: pointer;
- text-decoration: underline;
- background: none;
- border: none;
- padding: 0;
- font-size: 14px;
- font-weight: 400;
- color: var(--c--theme--colors--greyscale-600);
- font-family: inherit;
-
- &:hover {
- text-decoration: none;
- }
- `}
+ $display="block"
+ $gap="4px"
+ $margin={{ top: 'medium' }}
+ $align="center"
>
- {t('Get notified about the Public Beta.')}
+
+ {t('No code? ')}
+
+ setIsNotifyModalOpen(true)}
+ $css={css`
+ display: inline-block;
+ cursor: pointer;
+ text-decoration: underline;
+ background: none;
+ border: none;
+ padding: 0;
+ font-size: 14px;
+ font-weight: 400;
+ color: var(--c--theme--colors--greyscale-600);
+ font-family: inherit;
+
+ &:hover {
+ text-decoration: none;
+ }
+ `}
+ >
+ {t('Get notified about the Public Beta.')}
+
-
-
+
- {/* Notify Modal */}
- setIsNotifyModalOpen(false)}
- size={ModalSize.SMALL}
- hideCloseButton={false}
- >
-
-
- {t('Get notified for the public beta')}
-
-
- {
- user
- ? t(
- "We'll email you at {{email}} when the public beta opens.",
- {
- email: user.email,
- },
- )
- : t("We'll email you when the public beta opens.") // should not happen
- }
-
-
-
-
+ {t('Get notified for the public beta')}
+
+
+ {
+ user
+ ? t(
+ "We'll email you at {{email}} when the public beta opens.",
+ {
+ email: user.email,
+ },
+ )
+ : t("We'll email you when the public beta opens.") // should not happen
+ }
+
+
+
+
+
-
-
+
- {/* Others App Modal */}
- setIsOthersAppModalOpen(false)}
- size={ModalSize.SMALL}
- hideCloseButton={false}
- >
-
-
- {t('You are on the list')}
-
-
- {t('Explore other LaSuite apps')}
-
-
- {laSuiteApps.map((app) => {
- const AppIcon = app.icon;
- return (
-
+ {/* Others App Modal */}
+ setIsOthersAppModalOpen(false)}
+ size={ModalSize.SMALL}
+ hideCloseButton={false}
+ >
+
+
+ {t('You are on the list')}
+
+
+ {t('Explore other LaSuite apps')}
+
+
+ {laSuiteApps.map((app) => {
+ const AppIcon = app.icon;
+ return (
-
+
+
+
+
+ {app.name}
+
-
- {app.name}
-
-
- );
- })}
+ );
+ })}
+
-
-
+
+
);
};
diff --git a/src/frontend/apps/conversations/src/features/chat/components/Chat.tsx b/src/frontend/apps/conversations/src/features/chat/components/Chat.tsx
index d3c98e8..ece5bb7 100644
--- a/src/frontend/apps/conversations/src/features/chat/components/Chat.tsx
+++ b/src/frontend/apps/conversations/src/features/chat/components/Chat.tsx
@@ -579,6 +579,7 @@ export const Chat = ({
padding-right: 12px;
max-width: 750px;
text-align: left;
+ overflow-wrap: anywhere;
flex-direction: ${message.role === 'user' ? 'row-reverse' : 'row'};
`}
>
diff --git a/src/frontend/apps/conversations/src/features/feedback/Feedback.tsx b/src/frontend/apps/conversations/src/features/feedback/Feedback.tsx
index 4c5a150..d7ee848 100644
--- a/src/frontend/apps/conversations/src/features/feedback/Feedback.tsx
+++ b/src/frontend/apps/conversations/src/features/feedback/Feedback.tsx
@@ -54,7 +54,7 @@ export const Feedback = (_props: { buttonProps?: Partial }) => {
/>
}
title={t('Write on Tchap')}
description={t('Direct exchange with our team')}
diff --git a/src/frontend/apps/conversations/src/features/home/components/HomeBanner.tsx b/src/frontend/apps/conversations/src/features/home/components/HomeBanner.tsx
index 864558c..978687f 100644
--- a/src/frontend/apps/conversations/src/features/home/components/HomeBanner.tsx
+++ b/src/frontend/apps/conversations/src/features/home/components/HomeBanner.tsx
@@ -105,7 +105,7 @@ export default function HomeBanner() {