@abtnode/ux 1.16.14-beta-ab7f615e → 1.16.14-beta-cb53c14b

package/es/blocklet/bundle-avatar.js

@@ -0,0 +1,64 @@
+import PropTypes from 'prop-types';
+import Avatar from '@mui/material/Avatar';
+import DiDAvatar from '@arcblock/did-connect/lib/Avatar';
+import useBundleLogo from '../hooks/use-bundle-logo';
+import { useNodeContext } from '../contexts/node';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function BlockletAvatar({
+  blocklet,
+  style,
+  size,
+  ancestors,
+  ...rest
+}) {
+  const node = useNodeContext();
+  const {
+    logoUrl,
+    inService
+  } = useBundleLogo({
+    blocklet,
+    ancestors
+  });
+  const {
+    variant
+  } = rest;
+  const setFallBackUrl = inService ? () => {} : ev => {
+    ev.target.src = `${node.imgPrefix}/blocklet.png`;
+  };
+  let imgEle = /*#__PURE__*/_jsx("img", {
+    src: logoUrl,
+    onError: setFallBackUrl,
+    alt: blocklet.meta.name,
+    style: {
+      width: size
+    }
+  });
+  if (!blocklet.meta.logo) {
+    imgEle = /*#__PURE__*/_jsx(DiDAvatar, {
+      did: blocklet.meta.did || '',
+      responsive: true
+    });
+  }
+  return /*#__PURE__*/_jsx(Avatar, {
+    variant: variant || 'square',
+    style: Object.assign({
+      backgroundColor: 'transparent',
+      width: size,
+      height: size,
+      borderRadius: 10
+    }, style),
+    ...rest,
+    children: imgEle
+  });
+}
+BlockletAvatar.propTypes = {
+  blocklet: PropTypes.object.isRequired,
+  style: PropTypes.object,
+  size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  ancestors: PropTypes.array
+};
+BlockletAvatar.defaultProps = {
+  style: {},
+  size: 40,
+  ancestors: []
+};