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.', - )} - - -
void handleSubmit(e)}> - + + + {t('The Assistant is in Beta')} + + - - + + void handleSubmit(e)}> + + + { } } `} - > - ) => { - setCode(e.target.value.toUpperCase()); - setError(null); - }} - placeholder={t('ABC-1234-XY')} - disabled={isSubmitting} - /> - - {error && ( - - {error} - - )} + ) => { + setCode(e.target.value.toUpperCase()); + setError(null); + }} + placeholder={t('ABC-1234-XY')} + disabled={isSubmitting} + /> + + {error && ( + + {error} + + )} + + + + - - - - - - - {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.')} +
-
-