i18n

src/features/tournaments/components/tournament-card-list.tsx

@@ -3,12 +3,14 @@ import { useTournaments } from "../queries";
 import { useSheet } from "@/hooks/use-sheet";
 import { Button, Stack } from "@mantine/core";
 import { PlusIcon, TrophyIcon } from "@phosphor-icons/react";
+import { Trans, useLingui } from "@lingui/react/macro";
 import Sheet from "@/components/sheet/sheet";
 import TournamentForm from "./tournament-form";
 import { TournamentCard } from "./tournament-card";
 import EmptyState from "@/components/empty-state";
 
 const TournamentCardList = () => {
+  const { t } = useLingui();
   const { data: tournaments } = useTournaments();
   const { roles } = useAuth();
   const sheet = useSheet();
@@ -21,9 +23,9 @@ const TournamentCardList = () => {
             variant="subtle"
             onClick={sheet.open}
           >
-            Create Tournament
+            <Trans>Create Tournament</Trans>
           </Button>
-          <Sheet {...sheet.props} title="Create Tournament">
+          <Sheet {...sheet.props} title={t`Create Tournament`}>
             <TournamentForm close={sheet.close} />
           </Sheet>
         </>
@@ -35,8 +37,8 @@ const TournamentCardList = () => {
       ) : (
         <EmptyState
           icon={<TrophyIcon size={32} />}
-          title="No Tournaments Yet"
-          description="The cups are racked and waiting. Check back soon."
+          title={t`No Tournaments Yet`}
+          description={t`The cups are racked and waiting. Check back soon.`}
         />
       )}
     </Stack>