@bigbinary/neeto-molecules 1.0.89-beta → 1.0.90-beta

package/dist/CustomDomainDashboard.js

@@ -5,14 +5,15 @@ import { withT, useDebounce } from '@bigbinary/neeto-commons-frontend/react-util
 import { Typography, Button, Alert, Dropdown as Dropdown$1, Input, Tag, Callout, Pane, Label, Table, NoData } from '@bigbinary/neetoui';
 import { useTranslation, Trans } from 'react-i18next';
 import { not } from 'ramda';
-import { Column, Download, Filter, MenuVertical, Search, MenuHorizontal, Info, Copy, Check } from '@bigbinary/neeto-icons';
+import { Column, Download, Filter, MenuVertical, Search, MenuHorizontal, Info, Check } from '@bigbinary/neeto-icons';
 import ManageColumns from '@bigbinary/neeto-molecules/Columns';
 import { Filters } from '@bigbinary/neeto-filters-frontend';
 import { PLURAL, SINGULAR } from '@bigbinary/neeto-commons-frontend/constants';
-import { withEventTargetValue, joinHyphenCase, copyToClipboard } from '@bigbinary/neeto-commons-frontend/utils';
+import { withEventTargetValue, joinHyphenCase } from '@bigbinary/neeto-commons-frontend/utils';
 import { Link } from 'react-router-dom';
 import { Formik, Form } from 'formik';
 import { Input as Input$1 } from '@bigbinary/neetoui/formik';
+import CopyToClipboardButton from '@bigbinary/neeto-molecules/CopyToClipboardButton';
 import { t as t$1 } from 'i18next';
 import * as Yup from 'yup';
 import { useQueryClient, useMutation, useQuery } from 'react-query';
@@ -1898,24 +1899,20 @@ var Record = function Record(_ref) {
     "data-cy": joinHyphenCase(recordNameLabel),
     label: recordNameLabel,
     value: recordName,
-    suffix: /*#__PURE__*/React__default.createElement(Button, {
-      icon: Copy,
+    suffix: /*#__PURE__*/React__default.createElement(CopyToClipboardButton, {
+      size: "small",
       style: "text",
-      onClick: function onClick() {
-        return copyToClipboard(recordName);
-      }
+      value: recordName
     })
   }), /*#__PURE__*/React__default.createElement(Input, {
     disabled: true,
     "data-cy": joinHyphenCase(recordValueLabel),
     label: recordValueLabel,
     value: recordValue,
-    suffix: /*#__PURE__*/React__default.createElement(Button, {
-      icon: Copy,
+    suffix: /*#__PURE__*/React__default.createElement(CopyToClipboardButton, {
+      size: "small",
       style: "text",
-      onClick: function onClick() {
-        return copyToClipboard(recordValue);
-      }
+      value: recordValue
     })
   }));
 };