Merge pull request #979 from buildo/fix-readonly-field

Fix ReadOnlyField's copy functionality

Author: marcopiii

packages/bento-design-system/src/ReadOnlyField/ReadOnlyField.tsx

@@ -12,12 +12,18 @@ type Props = Omit<
   "onChange" | "onBlur" | "disabled" | "isReadOnly" | "placeholder" | "issues"
 > &
   (
-    | {
+    | ({
         withCopyButton: true;
         copyButtonLabel: LocalizedString;
-        copySuccessMessage: LocalizedString;
-        showToastOnCopy?: boolean;
-      }
+      } & (
+        | {
+            copySuccessMessage: LocalizedString;
+            showToastOnCopy: true;
+          }
+        | {
+            showToastOnCopy?: false;
+          }
+      ))
     | {
         withCopyButton?: false;
       }
@@ -36,14 +42,16 @@ export function ReadOnlyField(props: Props) {
     <IconButton
       icon={config.copyIcon}
       onPress={async () => {
-        if (props.showToastOnCopy ?? true) {
+        if (props.withCopyButton) {
           try {
             await navigator.clipboard.writeText(props.value);
-            showToast({
-              kind: "informative",
-              message: props.copySuccessMessage,
-              dismissable: true,
-            });
+            if (props.showToastOnCopy) {
+              showToast({
+                kind: "informative",
+                message: props.copySuccessMessage,
+                dismissable: true,
+              });
+            }
           } catch {
             console.error("Could not copy to clipboard");
           }