Merge pull request #179 from moonlight-mod/kasimir/mb-nicer-updates

moonbase: various fixes

packages/core-extensions/src/moonbase/webpackModules/stores.ts

···
   newVersion: string | null;
   shouldShowNotice: boolean;
 
-  #showOnlyUpdateable = false;
-  set showOnlyUpdateable(v: boolean) {
-    this.#showOnlyUpdateable = v;
-    this.emitChange();
-  }
-  get showOnlyUpdateable() {
-    return this.#showOnlyUpdateable;
-  }
-
   restartAdvice = RestartAdvice.NotNeeded;
 
   extensions: { [id: number]: MoonbaseExtension };
···
 
     this.config.extensions[ext.id] = val;
     this.modified = this.isModified();
+    this.emitChange();
+  }
+
+  dismissAllExtensionUpdates() {
+    for (const id in this.extensions) {
+      this.extensions[id].hasUpdate = false;
+    }
     this.emitChange();
   }
 

packages/core-extensions/src/moonbase/webpackModules/ui/extensions/card.tsx

···
                 padding: "0 20px"
               }}
             >
-              <Flex direction={Flex.Direction.HORIZONTAL}>
-                <TabBar.Item className={TabBarClasses.tabBarItem} id={ExtensionPage.Info}>
-                  Info
+              <TabBar.Item className={TabBarClasses.tabBarItem} id={ExtensionPage.Info}>
+                Info
+              </TabBar.Item>
+
+              {description != null && (
+                <TabBar.Item className={TabBarClasses.tabBarItem} id={ExtensionPage.Description}>
+                  Description
                 </TabBar.Item>
+              )}
 
-                {description != null && (
-                  <TabBar.Item className={TabBarClasses.tabBarItem} id={ExtensionPage.Description}>
-                    Description
-                  </TabBar.Item>
-                )}
-
-                {changelog != null && (
-                  <TabBar.Item className={TabBarClasses.tabBarItem} id={ExtensionPage.Changelog}>
-                    Changelog
-                  </TabBar.Item>
-                )}
-                {settings != null && (
-                  <TabBar.Item className={TabBarClasses.tabBarItem} id={ExtensionPage.Settings}>
-                    Settings
-                  </TabBar.Item>
-                )}
-              </Flex>
+              {changelog != null && (
+                <TabBar.Item className={TabBarClasses.tabBarItem} id={ExtensionPage.Changelog}>
+                  Changelog
+                </TabBar.Item>
+              )}
+              {settings != null && (
+                <TabBar.Item className={TabBarClasses.tabBarItem} id={ExtensionPage.Settings}>
+                  Settings
+                </TabBar.Item>
+              )}
             </TabBar>
 
-            {linkButtons.length > 0 && (
-              <Flex
-                align={Flex.Align.CENTER}
-                justify={Flex.Justify.END}
-                direction={Flex.Direction.HORIZONTAL}
-                grow={1}
-                className="moonbase-link-buttons"
-              >
-                {linkButtons}
-              </Flex>
-            )}
+            <Flex
+              align={Flex.Align.CENTER}
+              justify={Flex.Justify.END}
+              direction={Flex.Direction.HORIZONTAL}
+              grow={1}
+              className="moonbase-link-buttons"
+            >
+              {linkButtons.length > 0 && linkButtons}
+            </Flex>
           </Flex>
         )}
 

packages/core-extensions/src/moonbase/webpackModules/ui/extensions/index.tsx

···
 const PanelButton = spacepack.findByCode("Masks.PANEL_BUTTON")[0].exports.Z;
 
 export default function ExtensionsPage() {
-  const { extensions, savedFilter, showOnlyUpdateable } = useStateFromStoresObject([MoonbaseSettingsStore], () => {
+  const { extensions, savedFilter } = useStateFromStoresObject([MoonbaseSettingsStore], () => {
     return {
       extensions: MoonbaseSettingsStore.extensions,
-      savedFilter: MoonbaseSettingsStore.getExtensionConfigRaw<number>("moonbase", "filter", defaultFilter),
-      showOnlyUpdateable: MoonbaseSettingsStore.showOnlyUpdateable
+      savedFilter: MoonbaseSettingsStore.getExtensionConfigRaw<number>("moonbase", "filter", defaultFilter)
     };
   });
 
···
 
   // Prioritize extensions with updates
   const filteredWithUpdates = filtered.filter((ext) => ext!.hasUpdate);
-  const filterUpdates = showOnlyUpdateable && filteredWithUpdates.length > 0;
-  const filteredWithoutUpdates = filterUpdates ? [] : filtered.filter((ext) => !ext!.hasUpdate);
+  const filteredWithoutUpdates = filtered.filter((ext) => !ext!.hasUpdate);
 
   return (
     <>
···
       />
       <FilterBar filter={filter} setFilter={setFilter} selectedTags={selectedTags} setSelectedTags={setSelectedTags} />
 
-      {filterUpdates && (
+      {filteredWithUpdates.length > 0 && (
         <HelpMessage
           icon={CircleInformationIcon}
-          text="Only displaying updates"
+          text="Extension updates are available"
           className="moonbase-extension-update-section"
         >
           <div className="moonbase-help-message-buttons">
             <Button
-              look={Button.Looks.OUTLINED}
-              color={Button.Colors.PRIMARY}
+              color={Button.Colors.BRAND}
               size={Button.Sizes.TINY}
               disabled={hitUpdateAll}
               onClick={() => {
                 setHitUpdateAll(true);
                 MoonbaseSettingsStore.updateAllExtensions();
-                MoonbaseSettingsStore.showOnlyUpdateable = false;
               }}
             >
               Update all
···
             <PanelButton
               icon={XSmallIcon}
               onClick={() => {
-                MoonbaseSettingsStore.showOnlyUpdateable = false;
+                MoonbaseSettingsStore.dismissAllExtensionUpdates();
               }}
             />
           </div>

packages/core-extensions/src/moonbase/webpackModules/ui/index.tsx

···
 import ConfigPage from "./config";
 import AboutPage from "./about";
 import Update from "./update";
-import { MoonbaseSettingsStore } from "@moonlight-mod/wp/moonbase_stores";
 import RestartAdviceMessage from "./RestartAdvice";
 
 const { Divider } = spacepack.findByCode(".forumOrHome]:")[0].exports.Z;
···
     () => () => {
       // Normally there's an onSettingsClose prop you can set but we don't expose it and I don't care enough to add support for it right now
       clearSubsection("moonbase");
-      MoonbaseSettingsStore.showOnlyUpdateable = false;
     },
     []
   );

packages/core-extensions/src/moonbase/webpackModules/updates.tsx

···
             if (MoonbaseSettingsStore.getExtensionConfigRaw<boolean>("moonbase", "sections", false)) {
               open("moonbase-extensions");
             } else {
-              MoonbaseSettingsStore.showOnlyUpdateable = true;
               open("moonbase", 0);
             }
             return true;