diff --git a/src/components/SideMenu/SideMenu.tsx b/src/components/SideMenu/SideMenu.tsx
index abe882d..e5633f2 100644
--- a/src/components/SideMenu/SideMenu.tsx
+++ b/src/components/SideMenu/SideMenu.tsx
@@ -1,14 +1,11 @@
-import { useHotkeys } from "react-hotkeys-hook";
-
import BlockWrapper from "components/BlockWrapper/BlockWrapper";
-import Categories from "./Categories/Categories";
-import NavigationLinks from "./NavigationLinks";
-import Favorites from "./Favorites/Favorites";
-import UserCard from "./UserCard/UserCard";
-
import * as Keys from "constants/keys";
+import { useHotkeys } from "react-hotkeys-hook";
import { Category, Link } from "types";
-
+import Categories from "./Categories/Categories";
+import Favorites from "./Favorites/Favorites";
+import NavigationLinks from "./NavigationLinks";
+import UserCard from "./UserCard/UserCard";
import styles from "./sidemenu.module.scss";
export interface SideMenuProps {
diff --git a/src/components/SideMenu/UserCard/UserCard.tsx b/src/components/SideMenu/UserCard/UserCard.tsx
index d3941ae..59d78d4 100644
--- a/src/components/SideMenu/UserCard/UserCard.tsx
+++ b/src/components/SideMenu/UserCard/UserCard.tsx
@@ -1,12 +1,18 @@
+import PATHS from "constants/paths";
import { signOut, useSession } from "next-auth/react";
+import { useTranslation } from "next-i18next";
import Image from "next/image";
import { FiLogOut } from "react-icons/fi";
-
-import PATHS from "constants/paths";
+import { TFunctionParam } from "types/i18next";
import styles from "./user-card.module.scss";
export default function UserCard() {
const { data } = useSession({ required: true });
+ const { t } = useTranslation();
+
+ const avatarLabel = t("common:avatar", {
+ name: data.user.name,
+ } as TFunctionParam);
return (
@@ -14,13 +20,15 @@ export default function UserCard() {
src={data.user.image}
width={28}
height={28}
- alt={`${data.user.name}'s avatar`}
+ alt={avatarLabel}
+ title={avatarLabel}
/>
{data.user.name}
diff --git a/src/hooks/useIsMobile.tsx b/src/hooks/useIsMobile.tsx
new file mode 100644
index 0000000..6bf7d8b
--- /dev/null
+++ b/src/hooks/useIsMobile.tsx
@@ -0,0 +1,8 @@
+const MOBILE_SCREEN_SIZE = 768;
+
+export default function useIsMobile() {
+ return (
+ typeof window !== "undefined" &&
+ window.matchMedia(`screen and (max-width: ${MOBILE_SCREEN_SIZE}px)`).matches
+ );
+}
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
new file mode 100644
index 0000000..f833e04
--- /dev/null
+++ b/src/i18n/index.ts
@@ -0,0 +1,12 @@
+import { serverSideTranslations } from "next-i18next/serverSideTranslations";
+import nextI18NextConfig from "../../next-i18next.config";
+
+async function getServerSideTranslation(locale: string = "en") {
+ return await serverSideTranslations(
+ locale,
+ ["common", "login", "home"],
+ nextI18NextConfig
+ );
+}
+
+export { getServerSideTranslation };
diff --git a/src/i18n/resources.ts b/src/i18n/resources.ts
new file mode 100644
index 0000000..21ae67f
--- /dev/null
+++ b/src/i18n/resources.ts
@@ -0,0 +1,11 @@
+import common from "../../public/locales/en/common.json";
+import home from "../../public/locales/en/home.json";
+import login from "../../public/locales/en/login.json";
+
+const resources = {
+ common,
+ login,
+ home,
+} as const;
+
+export default resources;
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index 7a8aafd..881d1d1 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -1,15 +1,18 @@
+import PageTransition from "components/PageTransition";
+import PATHS from "constants/paths";
import { NextSeo } from "next-seo";
-
+import Link from "next/link";
import styles from "styles/error-page.module.scss";
export default function Custom404() {
return (
- <>
-
+
+
404
- Cette page est introuvable.
+ Page not found
-
+ ← Back to home page
+
);
}
diff --git a/src/pages/500.tsx b/src/pages/500.tsx
index 7db1237..358f5af 100644
--- a/src/pages/500.tsx
+++ b/src/pages/500.tsx
@@ -1,15 +1,18 @@
+import PageTransition from "components/PageTransition";
+import PATHS from "constants/paths";
import { NextSeo } from "next-seo";
-
+import Link from "next/link";
import styles from "styles/error-page.module.scss";
export default function Custom500() {
return (
- <>
-
+
+
500
- Une erreur côté serveur est survenue.
+ An internal server error has occurred
-
+ ← Back to home page
+
);
}
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 030e022..c75ac92 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,17 +1,16 @@
+import ErrorBoundary from "components/ErrorBoundary/ErrorBoundary";
+import * as Keys from "constants/keys";
+import PATHS from "constants/paths";
import { SessionProvider } from "next-auth/react";
+import { appWithTranslation } from "next-i18next";
import { DefaultSeo } from "next-seo";
import { useRouter } from "next/router";
import nProgress from "nprogress";
+import "nprogress/nprogress.css";
import { useEffect } from "react";
import { useHotkeys } from "react-hotkeys-hook";
-
-import AppErrorBoundary from "components/AppErrorBoundary";
-
-import * as Keys from "constants/keys";
-import PATHS from "constants/paths";
-
-import "nprogress/nprogress.css";
import "styles/globals.scss";
+import nextI18nextConfig from "../../next-i18next.config";
function MyApp({ Component, pageProps: { session, ...pageProps } }) {
const router = useRouter();
@@ -22,7 +21,7 @@ function MyApp({ Component, pageProps: { session, ...pageProps } }) {
});
useEffect(() => {
- // Chargement pages
+ // Page loading events
router.events.on("routeChangeStart", nProgress.start);
router.events.on("routeChangeComplete", nProgress.done);
router.events.on("routeChangeError", nProgress.done);
@@ -37,11 +36,11 @@ function MyApp({ Component, pageProps: { session, ...pageProps } }) {
return (
-
+
-
+
);
}
-export default MyApp;
+export default appWithTranslation(MyApp, nextI18nextConfig);
diff --git a/src/pages/category/create.tsx b/src/pages/category/create.tsx
index 63f2760..4e2ab29 100644
--- a/src/pages/category/create.tsx
+++ b/src/pages/category/create.tsx
@@ -1,28 +1,28 @@
import axios from "axios";
-import { useRouter } from "next/router";
-import nProgress from "nprogress";
-import { useMemo, useState } from "react";
-
import FormLayout from "components/FormLayout";
import PageTransition from "components/PageTransition";
import TextBox from "components/TextBox";
-
import PATHS from "constants/paths";
import useAutoFocus from "hooks/useAutoFocus";
+import { getServerSideTranslation } from "i18n";
import getUserCategoriesCount from "lib/category/getUserCategoriesCount";
+import { useTranslation } from "next-i18next";
+import { useRouter } from "next/router";
+import nProgress from "nprogress";
+import { useMemo, useState } from "react";
+import styles from "styles/form.module.scss";
import { redirectWithoutClientCache } from "utils/client";
import { HandleAxiosError } from "utils/front";
import { withAuthentication } from "utils/session";
-import styles from "styles/form.module.scss";
-
export default function PageCreateCategory({
categoriesCount,
}: {
categoriesCount: number;
}) {
- const autoFocusRef = useAutoFocus();
+ const { t } = useTranslation();
const router = useRouter();
+ const autoFocusRef = useAutoFocus();
const info = useRouter().query?.info as string;
const [name, setName] = useState
("");
@@ -57,7 +57,7 @@ export default function PageCreateCategory({
return (
setName(value)}
value={name}
fieldClass={styles["input-field"]}
- placeholder="Nom..."
+ placeholder={t("common:category.name")}
innerRef={autoFocusRef}
/>
@@ -79,12 +79,14 @@ export default function PageCreateCategory({
}
export const getServerSideProps = withAuthentication(
- async ({ session, user }) => {
+ async ({ session, user, locale }) => {
const categoriesCount = await getUserCategoriesCount(user);
+
return {
props: {
session,
categoriesCount,
+ ...(await getServerSideTranslation(locale)),
},
};
}
diff --git a/src/pages/category/edit/[cid].tsx b/src/pages/category/edit/[cid].tsx
index 80796da..6e8b19e 100644
--- a/src/pages/category/edit/[cid].tsx
+++ b/src/pages/category/edit/[cid].tsx
@@ -1,24 +1,24 @@
import axios from "axios";
-import { useRouter } from "next/router";
-import nProgress from "nprogress";
-import { useMemo, useState } from "react";
-
import FormLayout from "components/FormLayout";
import PageTransition from "components/PageTransition";
import TextBox from "components/TextBox";
-
import PATHS from "constants/paths";
import useAutoFocus from "hooks/useAutoFocus";
+import { getServerSideTranslation } from "i18n";
import getUserCategory from "lib/category/getUserCategory";
+import { useTranslation } from "next-i18next";
+import { useRouter } from "next/router";
+import nProgress from "nprogress";
+import { useMemo, useState } from "react";
+import styles from "styles/form.module.scss";
import { Category } from "types";
import { HandleAxiosError } from "utils/front";
import { withAuthentication } from "utils/session";
-import styles from "styles/form.module.scss";
-
export default function PageEditCategory({ category }: { category: Category }) {
- const autoFocusRef = useAutoFocus();
+ const { t } = useTranslation();
const router = useRouter();
+ const autoFocusRef = useAutoFocus();
const [name, setName] = useState(category.name);
@@ -53,18 +53,18 @@ export default function PageEditCategory({ category }: { category: Category }) {
return (
setName(value)}
value={name}
fieldClass={styles["input-field"]}
- placeholder={`Nom original : ${category.name}`}
+ placeholder={`${t("common:category.name")} : ${category.name}`}
innerRef={autoFocusRef}
/>
@@ -73,7 +73,7 @@ export default function PageEditCategory({ category }: { category: Category }) {
}
export const getServerSideProps = withAuthentication(
- async ({ query, session, user }) => {
+ async ({ query, session, user, locale }) => {
const { cid } = query;
const category = await getUserCategory(user, Number(cid));
@@ -89,6 +89,7 @@ export const getServerSideProps = withAuthentication(
props: {
session,
category: JSON.parse(JSON.stringify(category)),
+ ...(await getServerSideTranslation(locale)),
},
};
}
diff --git a/src/pages/category/remove/[cid].tsx b/src/pages/category/remove/[cid].tsx
index b978a25..6e07bb6 100644
--- a/src/pages/category/remove/[cid].tsx
+++ b/src/pages/category/remove/[cid].tsx
@@ -1,32 +1,29 @@
import axios from "axios";
-import { useRouter } from "next/router";
-import nProgress from "nprogress";
-import { useMemo, useState } from "react";
-
import Checkbox from "components/Checkbox";
import FormLayout from "components/FormLayout";
import PageTransition from "components/PageTransition";
import TextBox from "components/TextBox";
-
import PATHS from "constants/paths";
+import { getServerSideTranslation } from "i18n";
import getUserCategory from "lib/category/getUserCategory";
+import { useTranslation } from "next-i18next";
+import { useRouter } from "next/router";
+import nProgress from "nprogress";
+import { useEffect, useMemo, useState } from "react";
+import styles from "styles/form.module.scss";
import { Category } from "types";
import { HandleAxiosError } from "utils/front";
import { withAuthentication } from "utils/session";
-import styles from "styles/form.module.scss";
-
export default function PageRemoveCategory({
category,
}: {
category: Category;
}) {
+ const { t, i18n } = useTranslation();
const router = useRouter();
- const [error, setError] = useState(
- category.links.length > 0
- ? "Vous devez supprimer tous les liens de cette catégorie avant de pouvoir supprimer cette catégorie"
- : null
- );
+
+ const [error, setError] = useState(null);
const [confirmDelete, setConfirmDelete] = useState(false);
const [submitted, setSubmitted] = useState(false);
@@ -53,10 +50,16 @@ export default function PageRemoveCategory({
}
};
+ useEffect(() => {
+ setError(
+ category.links.length > 0 ? t("common:category.remove-description") : null
+ );
+ }, [category.links.length, i18n.language, t]);
+
return (
setConfirmDelete(checked)}
@@ -84,7 +87,7 @@ export default function PageRemoveCategory({
}
export const getServerSideProps = withAuthentication(
- async ({ query, session, user }) => {
+ async ({ query, session, user, locale }) => {
const { cid } = query;
const category = await getUserCategory(user, Number(cid));
@@ -100,6 +103,7 @@ export const getServerSideProps = withAuthentication(
props: {
session,
category: JSON.parse(JSON.stringify(category)),
+ ...(await getServerSideTranslation(locale)),
},
};
}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index f1f5a81..b8a65dc 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,10 +1,6 @@
-import { AnimatePresence } from "framer-motion";
-import { useRouter } from "next/router";
-import { useCallback, useMemo, useState } from "react";
-import { useHotkeys } from "react-hotkeys-hook";
-
import BlockWrapper from "components/BlockWrapper/BlockWrapper";
import ButtonLink from "components/ButtonLink";
+import LangSelector from "components/LangSelector";
import Links from "components/Links/Links";
import Modal from "components/Modal/Modal";
import PageTransition from "components/PageTransition";
@@ -12,14 +8,18 @@ import SearchModal from "components/SearchModal/SearchModal";
import Categories from "components/SideMenu/Categories/Categories";
import SideMenu from "components/SideMenu/SideMenu";
import UserCard from "components/SideMenu/UserCard/UserCard";
-
import * as Keys from "constants/keys";
import PATHS from "constants/paths";
+import { AnimatePresence } from "framer-motion";
import { useMediaQuery } from "hooks/useMediaQuery";
import useModal from "hooks/useModal";
+import { getServerSideTranslation } from "i18n";
import getUserCategories from "lib/category/getUserCategories";
+import { useRouter } from "next/router";
+import { useCallback, useMemo, useState } from "react";
+import { useHotkeys } from "react-hotkeys-hook";
+import { useTranslation } from "react-i18next";
import { Category, Link, SearchItem } from "types";
-import { pushStateVanilla } from "utils/link";
import { withAuthentication } from "utils/session";
interface HomePageProps {
@@ -30,6 +30,7 @@ interface HomePageProps {
export default function HomePage(props: HomePageProps) {
const router = useRouter();
const searchModal = useModal();
+ const { t } = useTranslation();
const isMobile = useMediaQuery("(max-width: 768px)");
const mobileModal = useModal();
@@ -105,7 +106,7 @@ export default function HomePage(props: HomePageProps) {
const handleSelectCategory = (category: Category) => {
setCategoryActive(category);
- pushStateVanilla(`${PATHS.HOME}?categoryId=${category.id}`);
+ router.push(`${PATHS.HOME}?categoryId=${category.id}`);
mobileModal.close();
};
@@ -142,13 +143,22 @@ export default function HomePage(props: HomePageProps) {
{isMobile ? (
<>
-
+
+
+
+
{mobileModal.isShowing && (
- Créer categorie
+ {t("common:category.create")}
{
+ async ({ query, session, user, locale }) => {
const queryCategoryId = (query?.categoryId as string) || "";
const categories = await getUserCategories(user);
@@ -215,6 +225,7 @@ export const getServerSideProps = withAuthentication(
currentCategory: currentCategory
? JSON.parse(JSON.stringify(currentCategory))
: null,
+ ...(await getServerSideTranslation(locale)),
},
};
}
diff --git a/src/pages/link/create.tsx b/src/pages/link/create.tsx
index 861c1e6..d9764ba 100644
--- a/src/pages/link/create.tsx
+++ b/src/pages/link/create.tsx
@@ -1,30 +1,30 @@
import axios from "axios";
-import { useRouter } from "next/router";
-import nProgress from "nprogress";
-import { useMemo, useState } from "react";
-
import Checkbox from "components/Checkbox";
import FormLayout from "components/FormLayout";
import PageTransition from "components/PageTransition";
import Selector from "components/Selector";
import TextBox from "components/TextBox";
-
import PATHS from "constants/paths";
import useAutoFocus from "hooks/useAutoFocus";
+import { getServerSideTranslation } from "i18n";
import getUserCategories from "lib/category/getUserCategories";
+import { useTranslation } from "next-i18next";
+import { useRouter } from "next/router";
+import nProgress from "nprogress";
+import { useMemo, useState } from "react";
+import styles from "styles/form.module.scss";
import { Category, Link } from "types";
import { HandleAxiosError, IsValidURL } from "utils/front";
import { withAuthentication } from "utils/session";
-import styles from "styles/form.module.scss";
-
export default function PageCreateLink({
categories,
}: {
categories: Category[];
}) {
- const autoFocusRef = useAutoFocus();
+ const { t } = useTranslation();
const router = useRouter();
+ const autoFocusRef = useAutoFocus();
const categoryIdQuery = router.query?.categoryId as string;
const [name, setName] = useState("");
@@ -69,7 +69,7 @@ export default function PageCreateLink({
return (
setName(value)}
value={name}
fieldClass={styles["input-field"]}
- placeholder="Nom du lien"
+ placeholder={t("common:link.name")}
innerRef={autoFocusRef}
/>
setUrl(value)}
value={url}
fieldClass={styles["input-field"]}
- placeholder="https://www.example.org/"
+ placeholder="https://www.example.com/"
/>
setCategoryId(value)}
options={categories.map(({ id, name }) => ({
@@ -106,7 +106,7 @@ export default function PageCreateLink({
name="favorite"
isChecked={favorite}
onChangeCallback={(value) => setFavorite(value)}
- label="Favoris"
+ label={t("common:favorite")}
/>
@@ -114,7 +114,7 @@ export default function PageCreateLink({
}
export const getServerSideProps = withAuthentication(
- async ({ session, user }) => {
+ async ({ session, user, locale }) => {
const categories = await getUserCategories(user);
if (categories.length === 0) {
return {
@@ -128,6 +128,7 @@ export const getServerSideProps = withAuthentication(
props: {
session,
categories: JSON.parse(JSON.stringify(categories)),
+ ...(await getServerSideTranslation(locale)),
},
};
}
diff --git a/src/pages/link/edit/[lid].tsx b/src/pages/link/edit/[lid].tsx
index c4f80d9..7e225bf 100644
--- a/src/pages/link/edit/[lid].tsx
+++ b/src/pages/link/edit/[lid].tsx
@@ -1,24 +1,23 @@
import axios from "axios";
-import { useRouter } from "next/router";
-import nProgress from "nprogress";
-import { useMemo, useState } from "react";
-
import Checkbox from "components/Checkbox";
import FormLayout from "components/FormLayout";
import PageTransition from "components/PageTransition";
import Selector from "components/Selector";
import TextBox from "components/TextBox";
-
import PATHS from "constants/paths";
import useAutoFocus from "hooks/useAutoFocus";
+import { getServerSideTranslation } from "i18n";
import getUserCategories from "lib/category/getUserCategories";
import getUserLink from "lib/link/getUserLink";
+import { useTranslation } from "next-i18next";
+import { useRouter } from "next/router";
+import nProgress from "nprogress";
+import { useMemo, useState } from "react";
+import styles from "styles/form.module.scss";
import { Category, Link } from "types";
import { HandleAxiosError, IsValidURL } from "utils/front";
import { withAuthentication } from "utils/session";
-import styles from "styles/form.module.scss";
-
export default function PageEditLink({
link,
categories,
@@ -26,8 +25,9 @@ export default function PageEditLink({
link: Link;
categories: Category[];
}) {
- const autoFocusRef = useAutoFocus();
+ const { t } = useTranslation();
const router = useRouter();
+ const autoFocusRef = useAutoFocus();
const [name, setName] = useState(link.name);
const [url, setUrl] = useState(link.url);
@@ -85,31 +85,31 @@ export default function PageEditLink({
return (
setName(value)}
value={name}
fieldClass={styles["input-field"]}
- placeholder={`Nom original : ${link.name}`}
+ placeholder={`${t("common:link.name")} : ${link.name}`}
innerRef={autoFocusRef}
/>
setUrl(value)}
value={url}
fieldClass={styles["input-field"]}
- placeholder={`URL original : ${link.url}`}
+ placeholder="https://example.com/"
/>
setCategoryId(value)}
options={categories.map(({ id, name }) => ({
@@ -121,7 +121,7 @@ export default function PageEditLink({
name="favorite"
isChecked={favorite}
onChangeCallback={(value) => setFavorite(value)}
- label="Favoris"
+ label={t("common:favorite")}
/>
@@ -129,7 +129,7 @@ export default function PageEditLink({
}
export const getServerSideProps = withAuthentication(
- async ({ query, session, user }) => {
+ async ({ query, session, user, locale }) => {
const { lid } = query;
const categories = await getUserCategories(user);
@@ -147,6 +147,7 @@ export const getServerSideProps = withAuthentication(
session,
link: JSON.parse(JSON.stringify(link)),
categories: JSON.parse(JSON.stringify(categories)),
+ ...(await getServerSideTranslation(locale)),
},
};
}
diff --git a/src/pages/link/remove/[lid].tsx b/src/pages/link/remove/[lid].tsx
index 64b8fe6..b8982fa 100644
--- a/src/pages/link/remove/[lid].tsx
+++ b/src/pages/link/remove/[lid].tsx
@@ -1,22 +1,22 @@
import axios from "axios";
-import { useRouter } from "next/router";
-import nProgress from "nprogress";
-import { useMemo, useState } from "react";
-
import Checkbox from "components/Checkbox";
import FormLayout from "components/FormLayout";
import PageTransition from "components/PageTransition";
import TextBox from "components/TextBox";
-
import PATHS from "constants/paths";
+import { getServerSideTranslation } from "i18n";
import getUserLink from "lib/link/getUserLink";
+import { useTranslation } from "next-i18next";
+import { useRouter } from "next/router";
+import nProgress from "nprogress";
+import { useMemo, useState } from "react";
+import styles from "styles/form.module.scss";
import { Link } from "types";
import { HandleAxiosError } from "utils/front";
import { withAuthentication } from "utils/session";
-import styles from "styles/form.module.scss";
-
export default function PageRemoveLink({ link }: { link: Link }) {
+ const { t } = useTranslation();
const router = useRouter();
const [error, setError] = useState(null);
@@ -47,7 +47,7 @@ export default function PageRemoveLink({ link }: { link: Link }) {
return (
setConfirmDelete(checked)}
/>
@@ -94,7 +94,7 @@ export default function PageRemoveLink({ link }: { link: Link }) {
}
export const getServerSideProps = withAuthentication(
- async ({ query, session, user }) => {
+ async ({ query, session, user, locale }) => {
const { lid } = query;
const link = await getUserLink(user, Number(lid));
@@ -110,6 +110,7 @@ export const getServerSideProps = withAuthentication(
props: {
session,
link: JSON.parse(JSON.stringify(link)),
+ ...(await getServerSideTranslation(locale)),
},
};
}
diff --git a/src/pages/login.tsx b/src/pages/login.tsx
index 00076e8..a158e4d 100644
--- a/src/pages/login.tsx
+++ b/src/pages/login.tsx
@@ -1,27 +1,29 @@
+import ButtonLink from "components/ButtonLink";
+import LangSelector from "components/LangSelector";
+import MessageManager from "components/MessageManager/MessageManager";
+import PageTransition from "components/PageTransition";
+import PATHS from "constants/paths";
+import { getServerSideTranslation } from "i18n/index";
+import getUser from "lib/user/getUser";
import { Provider } from "next-auth/providers";
import { getProviders, signIn } from "next-auth/react";
+import { useTranslation } from "next-i18next";
import { NextSeo } from "next-seo";
import Image from "next/image";
import { FcGoogle } from "react-icons/fc";
-
-import ButtonLink from "components/ButtonLink";
-import MessageManager from "components/MessageManager/MessageManager";
-import PageTransition from "components/PageTransition";
-
-import PATHS from "constants/paths";
-import getUser from "lib/user/getUser";
-import { getSession } from "utils/session";
-
import styles from "styles/login.module.scss";
+import { getSession } from "utils/session";
interface SignInProps {
providers: Provider[];
}
export default function SignIn({ providers }: SignInProps) {
+ const { t } = useTranslation("login");
+
return (
-
-
+
+
-
Authentification
-
+ {t("login:title")}
+
{Object.values(providers).map(({ name, id }) => (
signIn(id, { callbackUrl: PATHS.HOME })}
className={styles["login-button"]}
key={id}
>
- Continuer avec {name}
+ {" "}
+ {t("login:continue-with", { provider: name } as undefined)}
))}
+
+
+