@abtnode/ux 1.16.26-beta-bdd2d7c0 → 1.16.26-beta-346cba92

package/es/store/connect-actions.js

@@ -0,0 +1,130 @@
+import PropTypes from 'prop-types';
+import { useState } from 'react';
+import { Box, Button, Menu, MenuItem } from '@mui/material';
+import MoreVertIcon from '@mui/icons-material/MoreVert';
+import joinUrl from 'url-join';
+import LaunchIcon from '@mui/icons-material/Launch';
+import LinkOutlinedIcon from '@mui/icons-material/LinkOutlined';
+import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import ConfirmDialog from '../confirm';
+import DeleteStore from './delete';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+function ConnectActions({
+  connected,
+  onConnect,
+  onDelete,
+  store,
+  teamDid
+}) {
+  const [anchorEl, setAnchorEl] = useState(null);
+  const open = Boolean(anchorEl);
+  const {
+    t
+  } = useLocaleContext();
+  const [showReconnectConfirm, setShowReconnectConfirm] = useState(false);
+  const handleOpenUrl = e => {
+    e.stopPropagation();
+    window.open(joinUrl(store.url, 'developer/blocklets'));
+    window.open(store.url);
+  };
+  const handleOpen = event => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+  };
+  const actions = [{
+    label: t('common.visitStore'),
+    action: handleOpenUrl,
+    icon: LaunchIcon
+  }, {
+    label: t('common.reconnect'),
+    action: () => {
+      handleClose();
+      setShowReconnectConfirm(true);
+    },
+    icon: LinkOutlinedIcon,
+    hidden: !connected
+  }];
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      ref: anchorEl,
+      color: "primary",
+      onClick: handleOpen,
+      size: "small",
+      children: /*#__PURE__*/_jsx(MoreVertIcon, {
+        sx: {
+          zoom: 0.95
+        }
+      })
+    }), /*#__PURE__*/_jsxs(Menu, {
+      anchorEl: anchorEl,
+      open: open,
+      onClose: handleClose,
+      anchorOrigin: {
+        vertical: 'bottom',
+        horizontal: 'center'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'center'
+      },
+      children: [actions.map(x => {
+        if (x.hidden) {
+          return null;
+        }
+        return /*#__PURE__*/_jsxs(MenuItem, {
+          dense: true,
+          onClick: x.action,
+          disabled: x.disabled,
+          children: [x.icon && /*#__PURE__*/_jsx(x.icon, {
+            color: "action",
+            sx: {
+              marginRight: 1
+            }
+          }), /*#__PURE__*/_jsx(Box, {
+            color: "action",
+            children: x.label
+          })]
+        }, x.label);
+      }), /*#__PURE__*/_jsx(DeleteStore, {
+        store: store,
+        onDelete: onDelete,
+        teamDid: teamDid,
+        children: /*#__PURE__*/_jsxs(MenuItem, {
+          dense: true,
+          disabled: store.protected,
+          children: [/*#__PURE__*/_jsx(DeleteOutlineIcon, {
+            color: "action",
+            sx: {
+              marginRight: 1
+            }
+          }), /*#__PURE__*/_jsx(Box, {
+            color: "action",
+            children: t('common.delete')
+          })]
+        })
+      })]
+    }), showReconnectConfirm && /*#__PURE__*/_jsx(ConfirmDialog, {
+      title: `${t('common.reconnect')} ${store.name}`,
+      description: t('blocklet.publish.reconnectStoreTip'),
+      confirm: t('common.confirm'),
+      onConfirm: onConnect,
+      onCancel: () => setShowReconnectConfirm(false)
+    })]
+  });
+}
+ConnectActions.propTypes = {
+  connected: PropTypes.bool,
+  onConnect: PropTypes.func,
+  onDelete: PropTypes.func,
+  store: PropTypes.object.isRequired,
+  teamDid: PropTypes.string.isRequired
+};
+ConnectActions.defaultProps = {
+  connected: false,
+  onConnect: () => {},
+  onDelete: () => {}
+};
+export default ConnectActions;

package/es/store/delete.js

@@ -12,7 +12,8 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 export default function DeleteStore({
   store,
   teamDid,
-  onDelete
+  onDelete,
+  children
 }) {
   const {
     api
@@ -66,7 +67,10 @@ export default function DeleteStore({
     setConfirmSetting(setting);
   };
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Button, {
+    children: [children ? /*#__PURE__*/_jsx("span", {
+      onClick: onMenuItemClick,
+      children: children
+    }) : /*#__PURE__*/_jsx(Button, {
       color: "primary",
       disabled: loading,
       onClick: onMenuItemClick,
@@ -90,10 +94,12 @@ export default function DeleteStore({
   });
 }
 DeleteStore.propTypes = {
+  children: PropTypes.node,
   teamDid: PropTypes.string.isRequired,
   store: PropTypes.object.isRequired,
   onDelete: PropTypes.func
 };
 DeleteStore.defaultProps = {
+  children: null,
   onDelete: () => {}
 };

package/es/store/item.js

@@ -12,6 +12,7 @@ import Toast from '@arcblock/ux/lib/Toast';
 import DeleteStore from './delete';
 import { useNodeContext } from '../contexts/node';
 import { formatError } from '../util';
+import ConnectActions from './connect-actions';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useStyles = makeStyles(() => ({
   buttonText: {
@@ -207,17 +208,12 @@ export default function StoreItem({
               marginRight: 1
             }
           }), t('common.upload')]
-        }), /*#__PURE__*/_jsx(Button, {
-          onClick: handleOpenUrl,
-          children: /*#__PURE__*/_jsx(LaunchIcon, {
-            sx: {
-              zoom: 0.9
-            }
-          })
-        }), !store.protected && /*#__PURE__*/_jsx(DeleteStore, {
+        }), /*#__PURE__*/_jsx(ConnectActions, {
+          connected: connected,
           store: store,
           onDelete: onDelete,
-          teamDid: teamDid
+          teamDid: teamDid,
+          onConnect: handleConnectToStore
         })]
       }), !isPublish && /*#__PURE__*/_jsxs(ButtonGroup, {
         disabled: loading,

package/es/util/join-url-keep-search.js

@@ -0,0 +1,15 @@
+import joinUrl from 'url-join';
+const joinUrlKeepSearch = (originalUrl, path) => {
+  if (!originalUrl) {
+    return '';
+  }
+  if (!path) {
+    return originalUrl;
+  }
+  const url = new URL(originalUrl);
+  const searchParams = new URLSearchParams(url.searchParams);
+  const newPath = new URL(joinUrl(url.origin, path));
+  newPath.search = searchParams.toString();
+  return newPath.toString();
+};
+export default joinUrlKeepSearch;

package/lib/blocklet/actions.js

@@ -33,10 +33,12 @@ var _util3 = require("./util");
 var _node = require("../contexts/node");
 var _confirm = _interopRequireDefault(require("../confirm"));
 var _icons = _interopRequireDefault(require("./icons"));
+var _joinUrlKeepSearch = _interopRequireDefault(require("../util/join-url-keep-search"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
-const _excluded = ["blocklet", "onStart", "onComplete", "variant", "hasPermission", "useBlockletUrlEvaluation"],
-  _excluded2 = ["sx"];
+const _excluded = ["blocklet", "onStart", "onComplete", "variant", "hasPermission", "getComponentUrl", "useBlockletUrlEvaluation"],
+  _excluded2 = ["sx"],
+  _excluded3 = ["style"];
 /* eslint-disable react/no-unstable-nested-components */
 /* eslint-disable operator-linebreak */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -56,6 +58,7 @@ function BlockletActions(_ref) {
       onComplete,
       variant,
       hasPermission,
+      getComponentUrl,
       useBlockletUrlEvaluation
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -84,6 +87,14 @@ function BlockletActions(_ref) {
   const {
     inService
   } = node;
+  const handleOpenDashboard = () => {
+    const mountPoint = "/".concat(blocklet.mountPoint || '/').replace(/\/+/g, '/');
+    const href = getComponentUrl === null || getComponentUrl === void 0 ? void 0 : getComponentUrl({
+      mountPoint,
+      blocklet
+    });
+    window.open((0, _joinUrlKeepSearch.default)(href, '.well-known/service/admin'));
+  };
   const createHandler = function createHandler(action, fn) {
     let requireUserConfirm = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     return async () => {
@@ -353,17 +364,27 @@ function BlockletActions(_ref) {
     name: t('common.restart'),
     handler: createHandler('restart', node.api.restartBlocklet, true),
     disabled: disableStart || blocklet.status !== 'running'
-  },
-  // hidden reload: https://github.com/ArcBlock/blocklet-server/issues/8655
-  // {
-  //   action: 'reload',
-  //   icon: Icons.Reload,
-  //   name: t('common.reload'),
-  //   handler: createHandler('reload', node.api.reloadBlocklet),
-  //   disabled: disableStart || blocklet.status !== 'running',
-  // },
-
-  (0, _util2.isDownloading)(blocklet.status) ? cancelDownloadAction : removeAction, {
+  }, (0, _util2.isDownloading)(blocklet.status) ? cancelDownloadAction : removeAction, {
+    separator: true
+  }, !inService ? {
+    action: 'dashboard',
+    icon: _ref4 => {
+      let {
+          style
+        } = _ref4,
+        restProps = _objectWithoutProperties(_ref4, _excluded3);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.default.Dashboard, _objectSpread(_objectSpread({}, restProps), {}, {
+        style: _objectSpread(_objectSpread({}, style), {}, {
+          width: '26px',
+          height: '26px',
+          paddingRight: '3px'
+        })
+      }));
+    },
+    name: t('sidebar.dashboard'),
+    handler: handleOpenDashboard,
+    disabled: disableStart || blocklet.status !== 'running'
+  } : null, {
     separator: true
   }, {
     onlyInMenu: true,
@@ -491,6 +512,7 @@ function BlockletActions(_ref) {
   }));
 }
 BlockletActions.propTypes = {
+  getComponentUrl: _propTypes.default.func,
   blocklet: _propTypes.default.object.isRequired,
   onStart: _propTypes.default.func.isRequired,
   onComplete: _propTypes.default.func.isRequired,
@@ -499,6 +521,7 @@ BlockletActions.propTypes = {
   useBlockletUrlEvaluation: _propTypes.default.func
 };
 BlockletActions.defaultProps = {
+  getComponentUrl: null,
   variant: 'menu',
   hasPermission: false,
   useBlockletUrlEvaluation: () => {

package/lib/blocklet/component/add-component-core.js

@@ -4,47 +4,47 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = AddComponentCore;
-var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
 var _reactRouterDom = require("react-router-dom");
-var _uniqBy = _interopRequireDefault(require("lodash/uniqBy"));
-var _flatten = _interopRequireDefault(require("lodash/flatten"));
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _pageHeader = _interopRequireDefault(require("@blocklet/launcher-layout/lib/page-header"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-var _Link = _interopRequireDefault(require("@mui/icons-material/Link"));
-var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
-var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _serverless = require("@abtnode/util/lib/serverless");
+var _Alert = _interopRequireDefault(require("@arcblock/ux/lib/Alert"));
+var _AnimationWaiter = _interopRequireDefault(require("@arcblock/ux/lib/AnimationWaiter"));
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _constant = require("@blocklet/constant");
 var _launcherLayout = _interopRequireDefault(require("@blocklet/launcher-layout"));
 var _step = require("@blocklet/launcher-layout/lib/context/step");
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _constant2 = require("@abtnode/constant");
-var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-var _Alert = _interopRequireDefault(require("@arcblock/ux/lib/Alert"));
-var _AnimationWaiter = _interopRequireDefault(require("@arcblock/ux/lib/AnimationWaiter"));
 var _launchResultMessage = _interopRequireDefault(require("@blocklet/launcher-layout/lib/launch-result-message"));
-var _util = require("@blocklet/meta/lib/util");
+var _pageHeader = _interopRequireDefault(require("@blocklet/launcher-layout/lib/page-header"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+var _Link = _interopRequireDefault(require("@mui/icons-material/Link"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
+var _flatten = _interopRequireDefault(require("lodash/flatten"));
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _isNil = _interopRequireDefault(require("lodash/isNil"));
+var _uniqBy = _interopRequireDefault(require("lodash/uniqBy"));
 var _urlPathFriendly = _interopRequireDefault(require("@blocklet/meta/lib/url-path-friendly"));
+var _util = require("@blocklet/meta/lib/util");
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
-var _node = require("../../contexts/node");
 var _blocklet = require("../../contexts/blocklet");
-var _util2 = require("../../util");
-var _schemaForm = _interopRequireDefault(require("../../schema-form"));
+var _configSpace = require("../../contexts/config-space");
+var _node = require("../../contexts/node");
 var _required = _interopRequireDefault(require("../../form/required"));
-var _purchase = require("../purchase");
-var _util3 = require("../router/util");
+var _schemaForm = _interopRequireDefault(require("../../schema-form"));
+var _util2 = require("../../util");
 var _agreement = _interopRequireDefault(require("../agreement"));
 var _installFromUrl = _interopRequireDefault(require("../install-from-url"));
+var _purchase = require("../purchase");
+var _util3 = require("../router/util");
+var _didSpace = _interopRequireDefault(require("./did-space"));
 var _selectStore = _interopRequireDefault(require("./select-store"));
 var _storeBlockletList = _interopRequireDefault(require("./store-blocklet-list"));
-var _didSpace = _interopRequireDefault(require("./did-space"));
-var _configSpace = require("../../contexts/config-space");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 const _excluded = ["name", "validation"],
@@ -232,7 +232,6 @@ function AddComponentCore(_ref3) {
   const {
     meta
   } = component.current;
-  const isServerlessMode = nodeInfo.mode === _constant2.NODE_MODES.SERVERLESS;
   const updateParams = obj => setParams(x => _objectSpread(_objectSpread({}, x), obj));
   (0, _react.useEffect)(() => {
     if (params.pathPrefix) {
@@ -738,7 +737,7 @@ function AddComponentCore(_ref3) {
         }
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectStore.default, {
         stores: stores,
-        extra: !isServerlessMode ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+        extra: !(0, _serverless.isInServerlessMode)(nodeInfo) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
           variant: "text",
           color: "primary",
           "data-cy": "add-component-from-url",

package/lib/blocklet/component/select-store.js

@@ -4,20 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SelectStore;
-var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _context = require("@arcblock/ux/lib/Locale/context");
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _constant = require("@abtnode/constant");
+var _react = require("react");
+var _serverless = require("@abtnode/util/lib/serverless");
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _useLocalStorage = _interopRequireDefault(require("react-use/lib/useLocalStorage"));
 var _uniqBy = _interopRequireDefault(require("lodash/uniqBy"));
-var _node = require("../../contexts/node");
+var _useLocalStorage = _interopRequireDefault(require("react-use/lib/useLocalStorage"));
 var _blocklet = require("../../contexts/blocklet");
+var _node = require("../../contexts/node");
 var _add = _interopRequireDefault(require("../../store/add"));
 var _item = _interopRequireDefault(require("../../store/item"));
 var _util = require("../../util");
@@ -66,7 +66,6 @@ function SelectStore(_ref) {
     protected: true
   })), ...appStoreList], 'url');
   const currentRegistry = storeUrl && storeList.find(x => storeUrl === x.url) || storeList[0];
-  const isServerlessMode = nodeInfo.mode === _constant.NODE_MODES.SERVERLESS;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(SelectStoreTitle, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
@@ -141,7 +140,7 @@ function SelectStore(_ref) {
             }
           })
         }, x.url);
-      }), !isServerlessMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_add.default, {
+      }), !(0, _serverless.isInServerlessMode)(nodeInfo) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_add.default, {
         disabled: loading,
         storeList: storeList,
         teamDid: teamDid,

package/lib/blocklet/icons.js

@@ -13,6 +13,7 @@ var _Settings = _interopRequireDefault(require("@mui/icons-material/Settings"));
 var _Receipt = _interopRequireDefault(require("@mui/icons-material/Receipt"));
 var _Group = _interopRequireDefault(require("@mui/icons-material/Group"));
 var _NotInterested = _interopRequireDefault(require("@mui/icons-material/NotInterested"));
+var _Dashboard = _interopRequireDefault(require("@arcblock/icons/lib/Dashboard"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = {
   Start: _PlayArrow.default,
@@ -23,5 +24,6 @@ var _default = exports.default = {
   Config: _Settings.default,
   Log: _Receipt.default,
   Group: _Group.default,
-  Cancel: _NotInterested.default
+  Cancel: _NotInterested.default,
+  Dashboard: _Dashboard.default
 };

package/lib/blocklet/publish/connect-store-list.js

@@ -19,7 +19,8 @@ function ConnectStoreList(_ref) {
     projectId,
     releaseType,
     publishedStoreIds,
-    onPublish
+    onPublish,
+    onDelete
   } = _ref;
   const storeList = (blocklet === null || blocklet === void 0 || (_blocklet$settings = blocklet.settings) === null || _blocklet$settings === void 0 ? void 0 : _blocklet$settings.storeList) || [];
   const connectedMap = (0, _react.useMemo)(() => {
@@ -47,13 +48,14 @@ function ConnectStoreList(_ref) {
           store: x,
           published: (publishedStoreIds === null || publishedStoreIds === void 0 ? void 0 : publishedStoreIds.indexOf(x.id)) > -1,
           connected: !!connectedMap[x.url],
-          onPublish: onPublish
+          onPublish: onPublish,
+          onDelete: onDelete
         })
       })
     }, x.url)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_add.default, {
       onAdd: handleAddStore,
       teamDid: did,
-      blockletRegistryList: storeList
+      storeList: storeList
     })]
   });
 }
@@ -63,10 +65,12 @@ ConnectStoreList.propTypes = {
   releaseId: _propTypes.default.string.isRequired,
   releaseType: _propTypes.default.string.isRequired,
   onPublish: _propTypes.default.func,
+  onDelete: _propTypes.default.func,
   publishedStoreIds: _propTypes.default.arrayOf(_propTypes.default.string)
 };
 ConnectStoreList.defaultProps = {
   publishedStoreIds: [],
-  onPublish: () => {}
+  onPublish: () => {},
+  onDelete: () => {}
 };
 var _default = exports.default = ConnectStoreList;

package/lib/blocklet/publish/create-release.js

@@ -18,6 +18,7 @@ var _Breadcrumbs = _interopRequireDefault(require("@mui/material/Breadcrumbs"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _DeleteOutline = _interopRequireDefault(require("@mui/icons-material/DeleteOutline"));
+var _CloudUploadRounded = _interopRequireDefault(require("@mui/icons-material/CloudUploadRounded"));
 var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
 var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
@@ -522,7 +523,7 @@ function CreateRelease(_ref2) {
         "aria-label": "breadcrumb",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
           to: "../",
-          children: t('common.publish')
+          children: t('common.blockletStudio')
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
           to: "../".concat(projectId),
           children: (params === null || params === void 0 ? void 0 : params.blockletTitle) || 'Blocklet'
@@ -571,10 +572,15 @@ function CreateRelease(_ref2) {
               href: (0, _urlJoin.default)("".concat(_constant2.WELLKNOWN_SERVICE_PATH_PREFIX, "/api/project/").concat(blocklet.meta.did, "/").concat(projectId, "/").concat(releaseId, "/download/").concat((release.files || [])[0])),
               children: t('common.download')
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
             variant: "contained",
             onClick: () => setShowStoreDialog(true),
-            children: t('common.uploadToStore')
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CloudUploadRounded.default, {
+              style: {
+                fontSize: '1.3em',
+                marginRight: 4
+              }
+            }), t('common.uploadToStore')]
           })]
         })]
       })]