Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-05-31 20:24:27 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix the connection error retry button

Browse Source
This commit is contained in:
Zoe Roux 2023-07-11 16:19:25 +09:00
parent e8d4c128da
commit 6ac8af9946
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
front/apps/mobile/app/_layout.tsx
View File

@ -76,6 +76,7 @@ const ThemedStack = ({ onLayout }: { onLayout?: () => void }) => {
); );
}; };
let rendered: boolean = false;
export default function Root() { export default function Root() {
const [queryClient] = useState(() => createQueryClient()); const [queryClient] = useState(() => createQueryClient());
@ -83,7 +84,8 @@ export default function Root() {
const [fontsLoaded] = useFonts({ Poppins_300Light, Poppins_400Regular, Poppins_900Black }); const [fontsLoaded] = useFonts({ Poppins_300Light, Poppins_400Regular, Poppins_900Black });
const info = useAccounts(); const info = useAccounts();
if (!fontsLoaded || info.type === "loading") return <SplashScreen />; if (!fontsLoaded || (!rendered && info.type === "loading")) return <SplashScreen />;
rendered = true;
return ( return (
<AccountContext.Provider value={info}> <AccountContext.Provider value={info}>
<QueryClientProvider client={queryClient}> <QueryClientProvider client={queryClient}>

8
front/apps/mobile/app/index.tsx
View File

@ -34,6 +34,7 @@ export const useAccounts = () => {
status: "ok" | "error" | "loading" | "unverified"; status: "ok" | "error" | "loading" | "unverified";
error?: string; error?: string;
}>({ status: "loading" }); }>({ status: "loading" });
const [retryCount, setRetryCount] = useState(0);
// TODO: Remember the last selected account. // TODO: Remember the last selected account.
const selected = accounts?.length ? 0 : null; const selected = accounts?.length ? 0 : null;
@ -55,7 +56,7 @@ export const useAccounts = () => {
if (accounts && selected !== null) check(); if (accounts && selected !== null) check();
else setVerified({status: "unverified"}); else setVerified({status: "unverified"});
}, [accounts, selected]); }, [accounts, selected, retryCount]);
if (accounts === null || verified.status === "loading") return { type: "loading" } as const; if (accounts === null || verified.status === "loading") return { type: "loading" } as const;
if (accounts !== null && verified.status === "unverified") return { type: "loading" } as const; if (accounts !== null && verified.status === "unverified") return { type: "loading" } as const;
@ -63,7 +64,10 @@ export const useAccounts = () => {
return { return {
type: "error", type: "error",
error: verified.error, error: verified.error,
retry: () => setVerified({ status: "loading" }), retry: () => {
setVerified({ status: "loading" })
setRetryCount((x) => x + 1);
},
} as const; } as const;
} }
return { type: "ok", accounts, selected } as const; return { type: "ok", accounts, selected } as const;