@arcblock/ux 2.10.37 → 2.10.38

package/lib/NFTDisplay/index.js

@@ -228,6 +228,13 @@ function NFTDisplay({
     const renderObject = () => {
       const objectType = state.urlType || 'image/svg+xml';
       const url = getFullContentUrl();
+
+      // do naive image render
+      const pathname = new URL(url).pathname.toLowerCase();
+      const imageExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.bmp', '.webp', '.svg', '.tiff', '.tif', '.ico', '.jfif', '.pjpeg', '.pjp', '.avif'];
+      if (imageExtensions.some(ext => pathname.endsWith(ext))) {
+        return renderImg();
+      }
       return (
         /*#__PURE__*/
         // eslint-disable-next-line jsx-a11y/alt-text

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "2.10.37",
+  "version": "2.10.38",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -63,12 +63,12 @@
     "react": ">=18.2.0",
     "react-router-dom": ">=6.22.3"
   },
-  "gitHead": "e3cba514fa9ad05b887c0339137baa55530f89be",
+  "gitHead": "ec30518daa2eb50dc076fe00e7dfde253ba8b7cb",
   "dependencies": {
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.10.37",
-    "@arcblock/nft-display": "^2.10.37",
-    "@arcblock/react-hooks": "^2.10.37",
+    "@arcblock/icons": "^2.10.38",
+    "@arcblock/nft-display": "^2.10.38",
+    "@arcblock/react-hooks": "^2.10.38",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@fontsource/inter": "^5.0.16",
     "@fontsource/ubuntu-mono": "^5.0.18",

package/src/NFTDisplay/index.js

@@ -201,6 +201,29 @@ function NFTDisplay({
     const renderObject = () => {
       const objectType = state.urlType || 'image/svg+xml';
       const url = getFullContentUrl();
+
+      // do naive image render
+      const pathname = new URL(url).pathname.toLowerCase();
+      const imageExtensions = [
+        '.jpg',
+        '.jpeg',
+        '.png',
+        '.gif',
+        '.bmp',
+        '.webp',
+        '.svg',
+        '.tiff',
+        '.tif',
+        '.ico',
+        '.jfif',
+        '.pjpeg',
+        '.pjp',
+        '.avif',
+      ];
+      if (imageExtensions.some((ext) => pathname.endsWith(ext))) {
+        return renderImg();
+      }
+
       return (
         // eslint-disable-next-line jsx-a11y/alt-text
         <object