commit 4af5aef142022a711dbcd7ba851d7344b6839fd0 · notnite.com/moonlight

+29 -1
packages/core-extensions/src/moonbase/ui/index.tsx
···

       39
       39
        
         const PanelButton =

     

       40
       40
        
           spacepack.findByCode("Masks.PANEL_BUTTON")[0].exports.default;

     

       41
       41
        
       

     

       42
       42
       +
         const Margins = spacepack.findByCode("marginCenterHorz:")[0].exports;

     

       43
       43
       +
         const SearchBar = spacepack.findByCode("Messages.SEARCH", "hideSearchIcon")[0]

     

       44
       44
       +
           .exports.default;

     

       45
       45
       +
       

     

       42
       46
        
         function ExtensionCard({ id }: { id: string }) {

     

       43
       47
        
           const [tab, setTab] = React.useState(ExtensionPage.Info);

     

       44
       48
        
           const [restartNeeded, setRestartNeeded] = React.useState(false);

     
···

       229
       233
        
             }

     

       230
       234
        
           );

     

       231
       235
        
       

     

       236
       236
       +
           const [query, setQuery] = React.useState("");

     

       237
       237
       +
       

     

       232
       238
        
           const sorted = Object.values(extensions).sort((a, b) => {

     

       233
       239
        
             const aName = a.manifest.meta?.name ?? a.id;

     

       234
       240
        
             const bName = b.manifest.meta?.name ?? b.id;

     

       235
       241
        
             return aName.localeCompare(bName);

     

       236
       242
        
           });

     

       237
       243
        
       

     

       244
       244
       +
           const filtered = query.trim().length

     

       245
       245
       +
             ? sorted.filter(

     

       246
       246
       +
                 (ext) =>

     

       247
       247
       +
                   ext.manifest.meta?.name?.toLowerCase().includes(query) ||

     

       248
       248
       +
                   ext.manifest.meta?.tagline?.toLowerCase().includes(query) ||

     

       249
       249
       +
                   ext.manifest.meta?.description?.toLowerCase().includes(query)

     

       250
       250
       +
               )

     

       251
       251
       +
             : sorted;

     

       252
       252
       +
       

     

       238
       253
        
           return (

     

       239
       254
        
             <>

     

       240
       255
        
               <Text

     
···

       246
       261
        
               >

     

       247
       262
        
                 Moonbase

     

       248
       263
        
               </Text>

     

       249
       249
       -
               {sorted.map((ext) => (

     

       264
       264
       +
               <SearchBar

     

       265
       265
       +
                 size={SearchBar.Sizes.MEDIUM}

     

       266
       266
       +
                 className={Margins.marginBottom20}

     

       267
       267
       +
                 query={query}

     

       268
       268
       +
                 onChange={(v: string) => setQuery(v.toLowerCase())}

     

       269
       269
       +
                 onClear={() => setQuery("")}

     

       270
       270
       +
                 autoComplete="off"

     

       271
       271
       +
                 inputProps={{

     

       272
       272
       +
                   autoCapitalize: "none",

     

       273
       273
       +
                   autoCorrect: "off",

     

       274
       274
       +
                   spellCheck: "false"

     

       275
       275
       +
                 }}

     

       276
       276
       +
               />

     

       277
       277
       +
               {filtered.map((ext) => (

     

       250
       278
        
                 <ExtensionCard id={ext.id} key={ext.id} />

     

       251
       279
        
               ))}

     

       252
       280
        
             </>