From 75a05296f7739075d6993677eba825cd7b27a8b9 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Thu, 23 May 2024 14:56:24 +0200
Subject: [PATCH] Fix types

---
 front/packages/ui/src/browse/header.tsx             | 4 ++--
 front/packages/ui/src/components/watchlist-info.tsx | 2 +-
 front/packages/ui/src/errors/connection.tsx         | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/front/packages/ui/src/browse/header.tsx b/front/packages/ui/src/browse/header.tsx
index e5e25e15..ba75cabd 100644
--- a/front/packages/ui/src/browse/header.tsx
+++ b/front/packages/ui/src/browse/header.tsx
@@ -55,7 +55,7 @@ const SortTrigger = forwardRef<View, PressableProps & { sortKey: string }>(funct
 			{...tooltip(t("browse.sortby-tt"))}
 		>
 			<Icon icon={Sort} {...css({ paddingX: ts(0.5) })} />
-			<P>{t(`browse.sortkey.${sortKey}`)}</P>
+			<P>{t(`browse.sortkey.${sortKey}` as any)}</P>
 		</PressableFeedback>
 	);
 });
@@ -102,7 +102,7 @@ export const BrowseSettings = ({
 					{availableSorts.map((x) => (
 						<Menu.Item
 							key={x}
-							label={t(`browse.sortkey.${x}`)}
+							label={t(`browse.sortkey.${x}` as any)}
 							selected={sortKey === x}
 							icon={
 								x !== SearchSort.Relevance
diff --git a/front/packages/ui/src/components/watchlist-info.tsx b/front/packages/ui/src/components/watchlist-info.tsx
index 297bbc01..fd3a64b2 100644
--- a/front/packages/ui/src/components/watchlist-info.tsx
+++ b/front/packages/ui/src/components/watchlist-info.tsx
@@ -104,7 +104,7 @@ export const WatchListInfo = ({
 					{Object.values(WatchStatusV).map((x) => (
 						<Menu.Item
 							key={x}
-							label={t(`show.watchlistMark.${x.toLowerCase()}`)}
+							label={t(`show.watchlistMark.${x.toLowerCase() as Lowercase<WatchStatusV>}`)}
 							onSelect={() => mutation.mutate(x)}
 							selected={x === status}
 						/>
diff --git a/front/packages/ui/src/errors/connection.tsx b/front/packages/ui/src/errors/connection.tsx
index b7a61ebb..1d83fb90 100644
--- a/front/packages/ui/src/errors/connection.tsx
+++ b/front/packages/ui/src/errors/connection.tsx
@@ -64,7 +64,7 @@ export const ConnectionError = () => {
 	return (
 		<View {...css({ padding: ts(2) })}>
 			<H1 {...css({ textAlign: "center" })}>{t("errors.connection")}</H1>
-			<P>{error?.errors[0] ?? t("error.unknown")}</P>
+			<P>{error?.errors[0] ?? t("errors.unknown")}</P>
 			<P>{t("errors.connection-tips")}</P>
 			<Button onPress={retry} text={t("errors.try-again")} {...css({ m: ts(1) })} />
 			<Button