Add disabled state for particular dropdown options

Author: david0xd

ui/components/app/snaps/snap-ui-renderer/components/dropdown.ts

@@ -12,6 +12,7 @@ export const dropdown: UIComponentFactory<DropdownElement> = ({
   const options = children.map((child) => ({
     value: child.props.value,
     name: child.props.children,
+    disabled: child.props.disabled,
   }));
 
   return {

ui/components/ui/dropdown/dropdown.js

@@ -35,7 +35,11 @@ const Dropdown = ({
       >
         {options.map((option) => {
           return (
-            <option key={option.value} value={option.value}>
+            <option
+              key={option.value}
+              value={option.value}
+              disabled={option.disabled}
+            >
               {option.name || option.value}
             </option>
           );