Add button to the disabled input

docknetwork · Aug 30, 2024 · d825d75 · d825d75
1 parent 27c1cfa
commit d825d75
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/react-params/src/Param/Text.tsx b/packages/react-params/src/Param/Text.tsx
@@ -5,7 +5,7 @@ import type { Props } from '../types';
 
 import React, { useCallback, useState } from 'react';
 
-import { Input } from '@polkadot/react-components';
+import { CopyButton, Input } from '@polkadot/react-components';
 
 import Bare from './Bare';
 
@@ -41,7 +41,9 @@ function Text ({ className = '', defaultValue: { value }, isDisabled, isError, l
         placeholder='<any string>'
         type='text'
         withLabel={withLabel}
-      />
+      >
+        {isDisabled && <CopyButton value={defaultValue} />}
+      </Input>
     </Bare>
   );
 }

diff --git a/packages/react-params/src/ParamComp.tsx b/packages/react-params/src/ParamComp.tsx
@@ -7,6 +7,7 @@ import type { ComponentMap, RawParam, RawParamOnChangeValue, RawParams } from '.
 import React, { useCallback } from 'react';
 
 import Param from './Param';
+import { CopyButton } from '@polkadot/react-components';
 
 interface Props {
   defaultValue: RawParam;