From e8d4c128da9fde2106ddd54c09ba50ad2b43ff99 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Mon, 10 Jul 2023 00:47:28 +0900
Subject: [PATCH] Fix error page style

---
 front/apps/mobile/app/index.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/front/apps/mobile/app/index.tsx b/front/apps/mobile/app/index.tsx
index c3ff47d8..37bcba78 100644
--- a/front/apps/mobile/app/index.tsx
+++ b/front/apps/mobile/app/index.tsx
@@ -20,7 +20,7 @@
 
 import { Account, loginFunc } from "@kyoo/models";
 import { getSecureItem, setSecureItem } from "@kyoo/models/src/secure-store";
-import { Button, CircularProgress, H1, P } from "@kyoo/primitives";
+import { Button, CircularProgress, H1, P, ts } from "@kyoo/primitives";
 import { Redirect } from "expo-router";
 import { createContext, useContext, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -75,12 +75,12 @@ export const ConnectionError = ({ error, retry }: { error?: string; retry: () =>
 	const router = useRouter();
 
 	return (
-		<View {...css({ bg: (theme) => theme.colors.red })}>
-			<H1>{t("error.connection")}</H1>
+		<View {...css({ padding: ts(2)})}>
+			<H1 {...css({ textAlign: "center"})}>{t("errors.connection")}</H1>
 			<P>{error ?? t("error.unknown")}</P>
-			<P>{t("error.connection-tips")}</P>
-			<Button onPress={retry} text={t("error.try-again")} />
-			<Button onPress={() => router.push("/login")} text={t("error.re-login")} />
+			<P>{t("errors.connection-tips")}</P>
+			<Button onPress={retry} text={t("errors.try-again")}  {...css({ m: ts(1)})} />
+			<Button onPress={() => router.push("/login")} text={t("errors.re-login")} {...css({ m: ts(1)})} />
 		</View>
 	);
 };