@bigbinary/neeto-media-recorder 2.6.11 → 2.6.12

package/index.js

@@ -18,9 +18,9 @@ import withT from '@bigbinary/neeto-commons-frontend/react-utils/withT';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Computer from '@bigbinary/neeto-icons/Computer';
-import Delete from '@bigbinary/neeto-icons/Delete';
 import Pause from '@bigbinary/neeto-icons/Pause';
 import Unlock from '@bigbinary/neeto-icons/Unlock';
+import Delete from '@bigbinary/neeto-icons/Delete';
 import { copyToClipboard } from '@bigbinary/neeto-commons-frontend/utils/general';
 import Close from '@bigbinary/neeto-icons/Close';
 import Download from '@bigbinary/neeto-icons/Download';
@@ -880,45 +880,33 @@ var Controls = function Controls(_ref) {
     }), isStatus(SCREEN_RECORDER_STATUS.recording) && /*#__PURE__*/jsx(Button, {
       className: "flex-shrink-0",
       "data-cy": "media-recorder-pause-button",
-      size: "large",
       style: "text",
-      icon: function icon() {
-        return /*#__PURE__*/jsx(Pause, {
-          className: "nr-control-button__icon--neeto",
-          size: 28
-        });
-      },
       tooltipProps: {
         content: t("neetoMediaRecorder.record.pause"),
         position: "top"
       },
-      onClick: pauseRecording
+      onClick: pauseRecording,
+      children: /*#__PURE__*/jsx(Pause, {
+        className: "nr-control-button__icon--neeto",
+        size: 28
+      })
     }), isStatus(SCREEN_RECORDER_STATUS.paused) && /*#__PURE__*/jsx(Button, {
       className: "flex-shrink-0",
       "data-cy": "media-recorder-play-button",
-      icon: function icon() {
-        return /*#__PURE__*/jsx(PlayIcon, {
-          size: 28
-        });
-      },
-      size: "large",
       style: "text",
       tooltipProps: {
         content: t("neetoMediaRecorder.record.resume"),
         position: "top"
       },
-      onClick: resumeRecording
+      onClick: resumeRecording,
+      children: /*#__PURE__*/jsx(PlayIcon, {
+        size: 28
+      })
     }), hasRecordingStarted && /*#__PURE__*/jsxs("div", {
       className: "flex items-center gap-3",
       children: [/*#__PURE__*/jsx(Button, {
         className: "flex-shrink-0",
         "data-cy": "media-recorder-restart-button",
-        icon: function icon() {
-          return /*#__PURE__*/jsx(RestartIcon, {
-            size: 28
-          });
-        },
-        size: "large",
         style: "text",
         tooltipProps: {
           content: t("neetoMediaRecorder.record.restart"),
@@ -926,25 +914,25 @@ var Controls = function Controls(_ref) {
         },
         onClick: function onClick() {
           return setIsRestartAlertOpen(true);
-        }
+        },
+        children: /*#__PURE__*/jsx(RestartIcon, {
+          size: 28
+        })
       }), /*#__PURE__*/jsx(Button, {
         className: "flex-shrink-0",
         "data-cy": "media-recorder-discard-button",
-        size: "large",
         style: "text",
-        icon: function icon() {
-          return /*#__PURE__*/jsx(Delete, {
-            className: "nr-control-button__icon--neeto",
-            size: 28
-          });
-        },
         tooltipProps: {
           content: t("neetoMediaRecorder.record.discard"),
           position: "top"
         },
         onClick: function onClick() {
           return setIsDiscardAlertOpen(true);
-        }
+        },
+        children: /*#__PURE__*/jsx(Delete, {
+          className: "nr-control-button__icon--neeto",
+          size: 28
+        })
       })]
     })]
   });