theoludwig/.profile
theoludwig/.profile
1
1
Fork 0
mirror of https://github.com/theoludwig/theoludwig.git synced 2024-11-04 20:41:30 +01:00
Code Issues Releases Activity

Revert "fix: stop using flag image, use emoji instead"

Browse Source 
This reverts commit f64acb68c7.
This commit is contained in:
Théo LUDWIG 2024-07-20 10:26:19 +02:00
parent f94ce7d7bc
commit 2897d181c5
Signed by: theoludwig
GPG Key ID: ADFE5A563D718F3B
3 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
components/Header/Locales/LocaleFlag.tsx
View File

@ -1,5 +1,7 @@
import { useI18n } from "@/i18n/i18n.client" import Image from "next/image"
import type { CookiesStore } from "@/utils/constants" import type { CookiesStore } from "@/utils/constants"
import { useI18n } from "@/i18n/i18n.client"
export interface LocaleFlagProps { export interface LocaleFlagProps {
locale: string locale: string
@ -12,8 +14,17 @@ export const LocaleFlag = (props: LocaleFlagProps): JSX.Element => {
const i18n = useI18n(cookiesStore) const i18n = useI18n(cookiesStore)
return ( return (
<p data-cy="locale-flag-text" className="mx-2 text-lg font-semibold"> <>
{i18n.translate(`common.${locale}`)} <Image
</p> quality={100}
width={35}
height={35}
src={`/images/locales/${locale}.svg`}
alt={locale}
/>
<p data-cy="locale-flag-text" className="mx-2 text-base">
{i18n.translate(`common.${locale}`)}
</p>
</>
) )
} }

4
i18n/translations/en-US/common.json
View File

@ -1,6 +1,6 @@
{ {
"en-US": "🇺🇸 English", "en-US": "English",
"fr-FR": "🇫🇷 French", "fr-FR": "French",
"all-rights-reserved": "All rights reserved", "all-rights-reserved": "All rights reserved",
"home": "Home" "home": "Home"
} }

4
i18n/translations/fr-FR/common.json
View File

@ -1,6 +1,6 @@
{ {
"en-US": "🇺🇸 Anglais", "en-US": "Anglais",
"fr-FR": "🇫🇷 Français", "fr-FR": "Français",
"all-rights-reserved": "Tous droits réservés", "all-rights-reserved": "Tous droits réservés",
"home": "Accueil" "home": "Accueil"
} }