feat: Auto Update Toggle Switch

package.json

@@ -145,6 +145,7 @@
     "remark-gfm": "^2.0.0",
     "semver": "7.3.5",
     "simplebar-react": "^3.2.4",
+    "source-map": "^0.7.4",
     "styled-components": "^5.2.1",
     "tabler-icons-react": "~1.33.0",
     "tailwind-merge": "^2.2.1",

src/common/settings.ts

@@ -96,7 +96,8 @@ interface Settings {
     useDarkTheme: boolean;
     allowSeasonalEffects: boolean;
     msfsPackagePath: string;
-    configDownloadUrl: string;
+    configDownloadUrl: string,
+    useAutoUpdate: boolean;
   };
   cache: {
     main: {
@@ -260,4 +261,4 @@ const store = new Store({ schema, clearInvalidConfig: true });
 // Workaround to flush the defaults
 store.set('metaInfo.lastLaunch', Date.now());
 
-export default store;
+export default store;

src/renderer/components/AddonSection/index.tsx

@@ -290,6 +290,13 @@ export const AddonSection = (): JSX.Element => {
     }
   }, [addonDiscovered, hiddenAddon]);
 
+  useEffect(() => {
+    const autoUpdateEnabled = settings.get("mainSettings.useAutoUpdate");
+    if (autoUpdateEnabled && status === InstallStatus.NeedsUpdate) {
+        handleInstall();
+    }
+  }, [status]);
+
   const { showModal, showModalAsync } = useModals();
 
   const handleTrackSelection = (track: AddonTrack) => {

src/renderer/components/SettingsSection/Download.tsx

@@ -107,6 +107,20 @@ const UseCdnSettingItem = ({ value, setValue }: SettingItemProps<boolean>) => {
   );
 };
 
+const AutoUpdateSettingItem = ({ value, setValue }: SettingItemProps<boolean>) => {
+  const handleClick = () => {
+    const newState = !value;
+    setValue(newState);
+    settings.set('mainSettings.useAutoUpdate', newState);
+  };
+
+  return (
+    <SettingsItem name="Auto Update">
+      <Toggle value={value} onToggle={handleClick} />
+    </SettingsItem>
+  );
+};
+
 export const DownloadSettings = (): JSX.Element => {
   const [communityPath, setCommunityPath] = useSetting<string>('mainSettings.msfsCommunityPath');
   const [installPath, setInstallPath] = useSetting<string>('mainSettings.installPath');
@@ -116,6 +130,7 @@ export const DownloadSettings = (): JSX.Element => {
     'mainSettings.disableExperimentalWarning',
   );
   const [useCdnCache, setUseCdnCache] = useSetting<boolean>('mainSettings.useCdnCache');
+  const [useAutoUpdate, setUseAutoUpdate] = useSetting<boolean>('mainSettings.useAutoUpdate');
 
   return (
     <div>
@@ -128,6 +143,7 @@ export const DownloadSettings = (): JSX.Element => {
           {separateTempLocation && <TempLocationSettingItem value={tempLocation} setValue={setTempLocation} />}
           <DisableWarningSettingItem value={disableVersionWarning} setValue={setDisableVersionWarning} />
           <UseCdnSettingItem value={useCdnCache} setValue={setUseCdnCache} />
+          <AutoUpdateSettingItem value={useAutoUpdate} setValue={setUseAutoUpdate} />
         </div>
       </div>
     </div>