commit 97cb73f76e00ba9ea2d530d59e06641d78f7fbde · notnite.com/moonlight

+27 -14
packages/core-extensions/src/moonbase/webpackModules/ui/extensions/settings.tsx
···

       26
       26
        
         Button,

     

       27
       27
        
         useVariableSelect,

     

       28
       28
        
         multiSelect,

     

       29
       29
       -
         Select as DiscordSelect

     

       29
       29
       +
         Select as DiscordSelect,

     

       30
       30
       +
         NumberInputStepper

     

       30
       31
        
       } from "@moonlight-mod/wp/discord/components/common/index";

     

       31
       32
        
       import { useStateFromStores } from "@moonlight-mod/wp/discord/packages/flux";

     

       32
       33
        
       import Flex from "@moonlight-mod/wp/discord/uikit/Flex";

     
···

       101
       102
        
         const { value, displayName, description } = useConfigEntry<number>(ext.uniqueId, name);

     

       102
       103
        
       

     

       103
       104
        
         const castedSetting = setting as NumberSettingType;

     

       104
       104
       -
         const min = castedSetting.min ?? 0;

     

       105
       105
       -
         const max = castedSetting.max ?? 100;

     

       105
       105
       +
         const min = castedSetting.min;

     

       106
       106
       +
         const max = castedSetting.max;

     

       107
       107
       +
       

     

       108
       108
       +
         const onChange = (value: number) => {

     

       109
       109
       +
           const rounded = min == null || max == null ? Math.round(value) : Math.max(min, Math.min(max, Math.round(value)));

     

       110
       110
       +
           MoonbaseSettingsStore.setExtensionConfig(ext.id, name, rounded);

     

       111
       111
       +
         };

     

       106
       112
        
       

     

       107
       113
        
         return (

     

       108
       114
        
           <FormItem className={Margins.marginTop20} title={displayName}>

     

       109
       109
       -
             {description && <FormText>{markdownify(description)}</FormText>}

     

       110
       110
       -
             <Slider

     

       111
       111
       -
               initialValue={value ?? 0}

     

       112
       112
       -
               disabled={disabled}

     

       113
       113
       -
               minValue={castedSetting.min ?? 0}

     

       114
       114
       -
               maxValue={castedSetting.max ?? 100}

     

       115
       115
       -
               onValueChange={(value: number) => {

     

       116
       116
       -
                 const rounded = Math.max(min, Math.min(max, Math.round(value)));

     

       117
       117
       -
                 MoonbaseSettingsStore.setExtensionConfig(ext.id, name, rounded);

     

       118
       118
       -
               }}

     

       119
       119
       -
             />

     

       115
       115
       +
             {min == null || max == null ? (

     

       116
       116
       +
               <Flex justify={Flex.Justify.BETWEEN} direction={Flex.Direction.HORIZONTAL}>

     

       117
       117
       +
                 {description && <FormText>{markdownify(description)}</FormText>}

     

       118
       118
       +
                 <NumberInputStepper value={value ?? 0} onChange={onChange} />

     

       119
       119
       +
               </Flex>

     

       120
       120
       +
             ) : (

     

       121
       121
       +
               <>

     

       122
       122
       +
                 {description && <FormText>{markdownify(description)}</FormText>}

     

       123
       123
       +
                 <Slider

     

       124
       124
       +
                   initialValue={value ?? 0}

     

       125
       125
       +
                   disabled={disabled}

     

       126
       126
       +
                   minValue={min}

     

       127
       127
       +
                   maxValue={max}

     

       128
       128
       +
                   onValueChange={onChange}

     

       129
       129
       +
                   onValueRender={(value: number) => `${Math.round(value)}`}

     

       130
       130
       +
                 />

     

       131
       131
       +
               </>

     

       132
       132
       +
             )}

     

       120
       133
        
           </FormItem>

     

       121
       134
        
         );

     

       122
       135
        
       }