mui fixed

ChainSafe · Nov 22, 2024 · a3a31a0 · a3a31a0
1 parent 84dc70b
commit a3a31a0
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 20 deletions.
diff --git a/packages/ui/src/components/EasySetup/ManualExtrinsic.tsx b/packages/ui/src/components/EasySetup/ManualExtrinsic.tsx
@@ -399,15 +399,18 @@ const ManualExtrinsic = ({
                 label={`${paramField.name}${paramField.optional ? ' (optional)' : ''}`}
                 value={inputParams[ind] ? inputParams[ind].value : ''}
                 onChange={(event) => onParamChange(event, { ind, paramField })}
-                InputProps={{
-                  endAdornment: isTypeBalanceWithBalanceCall(
-                    paramField.typeName,
-                    `${palletRpc}.${callable}`
-                  ) && (
-                    <InputAdornment position="end">{chainInfo?.tokenSymbol || ''}</InputAdornment>
-                  )
+                slotProps={{
+                  input: {
+                    endAdornment: isTypeBalanceWithBalanceCall(
+                      paramField.typeName,
+                      `${palletRpc}.${callable}`
+                    ) && (
+                      <InputAdornment position="end">{chainInfo?.tokenSymbol || ''}</InputAdornment>
+                    )
+                  },
+
+                  htmlInput: { 'data-cy': `param-input-${paramField.name}` }
                 }}
-                inputProps={{ 'data-cy': `param-input-${paramField.name}` }}
               />
             </li>
           )

diff --git a/packages/ui/src/components/library/Autocomplete.tsx b/packages/ui/src/components/library/Autocomplete.tsx
@@ -91,8 +91,10 @@ const Autocomplete = <
         renderOption={renderOption}
         popupIcon={<HiOutlineChevronDown />}
         renderInput={renderInput}
-        PopperComponent={PopperStyled}
         {...props}
+        slots={{
+          popper: PopperStyled
+        }}
       />
     </AutocompleteWrapper>
   )

diff --git a/packages/ui/src/components/select/MultiProxySelection.tsx b/packages/ui/src/components/select/MultiProxySelection.tsx
@@ -169,18 +169,23 @@ const MultiProxySelection = ({ className, testId = '' }: Props) => {
       {...params}
       inputRef={ref}
       label=""
-      InputProps={{
-        ...params.InputProps,
-        startAdornment: addressToShow && (
-          <InputAdornment position="start">
-            <IdenticonBadge
-              address={addressToShow}
-              badge={isSelectedProxy ? AccountBadge.PURE : AccountBadge.MULTI}
-            />
-          </InputAdornment>
-        )
+      slotProps={{
+        input: {
+          ...params.InputProps,
+          startAdornment: addressToShow && (
+            <InputAdornment position="start">
+              <IdenticonBadge
+                address={addressToShow}
+                badge={isSelectedProxy ? AccountBadge.PURE : AccountBadge.MULTI}
+              />
+            </InputAdornment>
+          )
+        },
+        htmlInput: {
+          ...params.inputProps,
+          'data-cy': `input-select-multiproxy-${testId}`
+        }
       }}
-      inputProps={{ ...params.inputProps, 'data-cy': `input-select-multiproxy-${testId}` }}
       onKeyDown={handleSpecialKeys}
     />
   )