diff --git a/CHANGELOG.md b/CHANGELOG.md index 00a51a98..6ecd8b5f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -11,6 +11,7 @@ and this project adheres to ### Changed - ♿️(frontend) sync html lang attribute with i18n for screen readers #1111 +- ♿️(frontend) improve MoreLink a11y and UX on home page #1112 ## [1.10.0] - 2026-03-05 diff --git a/src/frontend/src/features/home/components/MoreLink.tsx b/src/frontend/src/features/home/components/MoreLink.tsx index 7b5db650..10263f73 100644 --- a/src/frontend/src/features/home/components/MoreLink.tsx +++ b/src/frontend/src/features/home/components/MoreLink.tsx @@ -2,23 +2,25 @@ import { A, Text } from '@/primitives' import { useTranslation } from 'react-i18next' import { useConfig } from '@/api/useConfig' +const appTitle = import.meta.env.VITE_APP_TITLE ?? 'LaSuite Meet' + export const MoreLink = () => { const { t } = useTranslation('home') const { data } = useConfig() - if (!data?.manifest_link) return + if (!data?.manifest_link) return null return ( - + - {t('moreLink')} - {' '} - {t('moreAbout', { appTitle: `${import.meta.env.VITE_APP_TITLE}` })} + {t('moreLink')} {t('moreAbout', { appTitle })} + ) } diff --git a/src/frontend/src/features/home/routes/Home.tsx b/src/frontend/src/features/home/routes/Home.tsx index be81e49f..e6d8cf27 100644 --- a/src/frontend/src/features/home/routes/Home.tsx +++ b/src/frontend/src/features/home/routes/Home.tsx @@ -258,23 +258,10 @@ export const Home = () => { -
- -
+ -
- -