feat: options to CopyContainer

ccontrols · Jul 21, 2021 · e3750e6 · e3750e6
1 parent 2c8ee72
commit e3750e6
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/ui/components/src/CopyContainer/CopyContainer.tsx b/ui/components/src/CopyContainer/CopyContainer.tsx
@@ -12,6 +12,14 @@ export interface CopyContainerProps {
    * value to copy
    */
   value: string;
+  /**
+   * maximum length of string to be displayed in copied tooltip
+   */
+  maxLength?: number;
+  /**
+   * copy-to-clipboard options
+   */
+  options?: Parameters<typeof copy>[1];
 }
 
 /**
@@ -21,6 +29,7 @@ export interface CopyContainerProps {
 export const CopyContainer: FC<CopyContainerProps> = ({
   name,
   value,
+  maxLength = 50,
   children,
   ...rest
 }) => {
@@ -58,7 +67,11 @@ export const CopyContainer: FC<CopyContainerProps> = ({
           <CheckIcon size={16} sx={{ color: 'green' }} />
           <Box sx={{ ml: 2, fontSize: 2 }}>{`${
             name && name !== value ? `${name} ` : ''
-          }copied ${value}`}</Box>
+          }copied ${
+            value.length > maxLength
+              ? `${value.substring(0, maxLength)}...`
+              : value
+          }`}</Box>
         </Box>
       )}
     >