xinyin025/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web.git synced 2026-04-24 03:54:25 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

change useSyncOnStart() to a hook

Browse Source
This commit is contained in:
Wang Guan
2024-10-22 01:51:30 +09:00
parent 903d00bd89
commit f123ffc74b
3 changed files with 30 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
app/components/home.tsx
View File

@@ -151,6 +151,33 @@ export function WindowContent(props: { children: React.ReactNode }) {
);
}
function useSyncOnStart() {
const syncStore = useSyncStore();
useEffect(() => {
let running = true;
setTimeout(async () => {
if (!(running && syncStore.cloudSync() && syncStore.autoSync.onStart)) {
return;
}
console.debug("wtf", syncStore.autoSync, syncStore.cloudSync());
const dismissSyncingToast = showToast(Locale.Settings.Sync.IsSyncing);
try {
await syncStore.sync();
dismissSyncingToast();
showToast(Locale.Settings.Sync.Success);
} catch (e: unknown) {
dismissSyncingToast();
showToast(Locale.Settings.Sync.Fail);
console.error("[Sync]", e);
}
});
return () => {
running = false;
};
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
}
function Screen() {
const config = useAppConfig();
const location = useLocation();
@@ -167,6 +194,7 @@ function Screen() {
useEffect(() => {
loadAsyncGoogleFont();
}, []);
useSyncOnStart();
if (isArtifact) {
return (
@@ -226,33 +254,10 @@ export function Home() {
useSwitchTheme();
useLoadData();
useHtmlLang();
const syncStore = useSyncStore();
useEffect(() => {
console.log("[Config] got config from build time", getClientConfig());
}, []);
useEffect(() => {
let running = true;
setTimeout(async () => {
if (running && syncStore.cloudSync() && syncStore.autoSync.onStart) {
try {
await syncStore.sync();
showToast(Locale.Settings.Sync.Success);
} catch (e: unknown) {
showToast(Locale.Settings.Sync.Fail);
console.error("[Sync]", e);
}
}
});
return () => {
running = false;
};
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
if (!useHasHydrated()) {
return <Loading />;
}