add setting UI

app/components/home.tsx

@@ -236,7 +236,7 @@ export function Home() {
     let running = true;
 
     setTimeout(async () => {
-      if (running && syncStore.cloudSync()) {
+      if (running && syncStore.cloudSync() && syncStore.autoSync.onStart) {
         try {
           await syncStore.sync();
           showToast(Locale.Settings.Sync.Success);

app/components/settings.tsx

@@ -475,6 +475,21 @@ function SyncConfigModal(props: { onClose?: () => void }) {
             </ListItem>
           </List>
         )}
+
+        <List>
+          <ListItem title={Locale.Settings.Sync.Config.AutoSync.OnStartup}>
+            <input
+              type="checkbox"
+              checked={syncStore.autoSync.onStart}
+              onChange={(e) => {
+                syncStore.update(
+                  (config) =>
+                    (config.autoSync.onStart = e.currentTarget.checked),
+                );
+              }}
+            />
+          </ListItem>
+        </List>
       </Modal>
     </div>
   );

app/locales/cn.ts

@@ -254,6 +254,10 @@ const cn = {
           UserName: "备份名称",
           Password: "UpStash Redis REST Token",
         },
+
+        AutoSync: {
+          OnStartup: "启动时自动同步",
+        },
       },
 
       LocalState: "本地数据",

app/locales/en.ts

@@ -257,6 +257,10 @@ const en: LocaleType = {
           UserName: "Backup Name",
           Password: "UpStash Redis REST Token",
         },
+
+        AutoSync: {
+          OnStartup: "Sync on startup",
+        },
       },
 
       LocalState: "Local Data",

app/store/sync.ts

@@ -40,7 +40,7 @@ const DEFAULT_SYNC_STATE = {
   },
 
   autoSync: {
-    onStart: true,
+    onStart: false,
   },
 
   lastSyncTime: 0,