commit f6e2ba38ee4e261019e88fd1cdedd86ff7c009c1 · notnite.com/moonlight

+45 -19

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

···

       5
        
       import * as Components from "@moonlight-mod/wp/discord/components/common/index";

     

       6
        
       import { MoonbaseSettingsStore } from "@moonlight-mod/wp/moonbase_stores";

     

       7
        
       import { ExtensionLoadSource } from "types/src";

     

       0
        
       
     

       8
        
       

     

       9
        
       const {

     

       10
        
         openModalLazy,

     
···

       50
        
             onChange={(value: string) => {

     

       51
        
               setOption(value);

     

       52
        
             }}

     

       0
        
       
     

       0
        
       
     

       53
        
           />

     

       54
        
         );

     

       55
        
       }

     
···

       83
        
         return (

     

       84
        
           <Popup

     

       85
        
             body={

     

       86
       -
               <>

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       87
        
                 <Text variant="text-md/normal">

     

       88
        
                   This extension depends on other extensions which are not downloaded.

     

       89
        
                   Choose which extensions to download.

     
···

       97
        
                   </Text>

     

       98
        
                 )}

     

       99
        
       

     

       100
       -
                 {Object.entries(deps).map(([id, candidates], i) => (

     

       101
       -
                   <>

     

       102
       -
                     <span>{MoonbaseSettingsStore.tryGetExtensionName(id)}</span>

     

       103
       -
                     <ExtensionSelect

     

       104
       -
                       key={i}

     

       105
       -
                       id={id}

     

       106
       -
                       candidates={candidates}

     

       107
       -
                       option={options[id]}

     

       108
       -
                       setOption={(pick) =>

     

       109
       -
                         setOptions((prev) => ({

     

       110
       -
                           ...prev,

     

       111
       -
                           [id]: pick

     

       112
       -
                         }))

     

       113
       -
                       }

     

       114
       -
                     />

     

       115
       -
                   </>

     

       116
       -
                 ))}

     

       117
       -
               </>

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       118
        
             }

     

       119
        
             cancelText="Cancel"

     

       120
        
             confirmText="Install"

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       121
        
             onConfirm={() => {

     

       122
        
               closeModal(id);

     

       123

···

       5
        
       import * as Components from "@moonlight-mod/wp/discord/components/common/index";

     

       6
        
       import { MoonbaseSettingsStore } from "@moonlight-mod/wp/moonbase_stores";

     

       7
        
       import { ExtensionLoadSource } from "types/src";

     

       8
       +
       import Flex from "@moonlight-mod/wp/discord/uikit/Flex";

     

       9
        
       

     

       10
        
       const {

     

       11
        
         openModalLazy,

     
···

       51
        
             onChange={(value: string) => {

     

       52
        
               setOption(value);

     

       53
        
             }}

     

       54
       +
             // @ts-expect-error no thanks

     

       55
       +
             placeholder="Missing extension"

     

       56
        
           />

     

       57
        
         );

     

       58
        
       }

     
···

       86
        
         return (

     

       87
        
           <Popup

     

       88
        
             body={

     

       89
       +
               <Flex

     

       90
       +
                 style={{

     

       91
       +
                   gap: "20px"

     

       92
       +
                 }}

     

       93
       +
                 direction={Flex.Direction.VERTICAL}

     

       94
       +
               >

     

       95
        
                 <Text variant="text-md/normal">

     

       96
        
                   This extension depends on other extensions which are not downloaded.

     

       97
        
                   Choose which extensions to download.

     
···

       105
        
                   </Text>

     

       106
        
                 )}

     

       107
        
       

     

       108
       +
                 <div

     

       109
       +
                   style={{

     

       110
       +
                     display: "grid",

     

       111
       +
                     gridTemplateColumns: "1fr 2fr",

     

       112
       +
                     gap: "10px 0"

     

       113
       +
                   }}

     

       114
       +
                 >

     

       115
       +
                   {Object.entries(deps).map(([id, candidates], i) => (

     

       116
       +
                     <>

     

       117
       +
                       <Text

     

       118
       +
                         variant="text-md/normal"

     

       119
       +
                         style={{

     

       120
       +
                           alignSelf: "center"

     

       121
       +
                         }}

     

       122
       +
                       >

     

       123
       +
                         {MoonbaseSettingsStore.tryGetExtensionName(id)}

     

       124
       +
                       </Text>

     

       125
       +
       

     

       126
       +
                       <ExtensionSelect

     

       127
       +
                         id={id}

     

       128
       +
                         candidates={candidates}

     

       129
       +
                         option={options[id]}

     

       130
       +
                         setOption={(pick) =>

     

       131
       +
                           setOptions((prev) => ({

     

       132
       +
                             ...prev,

     

       133
       +
                             [id]: pick

     

       134
       +
                           }))

     

       135
       +
                         }

     

       136
       +
                       />

     

       137
       +
                     </>

     

       138
       +
                   ))}

     

       139
       +
                 </div>

     

       140
       +
               </Flex>

     

       141
        
             }

     

       142
        
             cancelText="Cancel"

     

       143
        
             confirmText="Install"

     

       144
       +
             onCancel={() => {

     

       145
       +
               closeModal(id);

     

       146
       +
             }}

     

       147
        
             onConfirm={() => {

     

       148
        
               closeModal(id);

     

       149