@blocklet/ui-react 2.9.51 → 2.9.52

package/es/UserCenter/components/storage/connected.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { SettingStorageEndpoint, SpaceGateway } from '../../../contexts/config-user-space';
-declare function Connected({ spaceGateway, settingStorageEndpoint }: {
+declare function Connected({ spaceGateway, settingStorageEndpoint, }: {
     spaceGateway: SpaceGateway | undefined;
     settingStorageEndpoint: SettingStorageEndpoint;
 }): import("react").JSX.Element;

package/es/UserCenter/components/storage/connected.js

@@ -1,8 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Box, Typography } from "@mui/material";
 import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
+import { Box, Typography } from "@mui/material";
 import SpaceItem from "./item.js";
-function Connected({ spaceGateway, settingStorageEndpoint }) {
+function Connected({
+  spaceGateway,
+  settingStorageEndpoint
+}) {
   const { t } = useLocaleContext();
   return /* @__PURE__ */ jsxs(Box, { display: "flex", flexDirection: "column", children: [
     /* @__PURE__ */ jsx(Box, { display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "space-between", marginBottom: "12px", children: /* @__PURE__ */ jsx(Typography, { fontSize: "1.2rem", fontWeight: "bold", children: t("storage.spaces.connected.title") }) }),

package/es/UserCenter/components/storage/index.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import Center from "@arcblock/ux/lib/Center";
+import { LocaleProvider } from "@arcblock/ux/lib/Locale/context";
 import styled from "@emotion/styled";
 import { Box, CircularProgress } from "@mui/material";
 import { useConfigUserSpaceContext } from "../../../contexts/config-user-space.js";
@@ -7,16 +8,17 @@ import useMobile from "../../../hooks/use-mobile.js";
 import ConnectTo from "./connect-to.js";
 import Connected from "./connected.js";
 import Disconnect from "./disconnect.js";
+import { translations } from "../../libs/locales.js";
 function DidSpace() {
   const isMobile = useMobile({});
   const { spaceGateway, updateSpaceGateway, settingStorageEndpoint, hasStorageEndpoint, loading, storageEndpoint } = useConfigUserSpaceContext();
   if (loading) {
     return /* @__PURE__ */ jsx(Center, { relative: "parent", children: /* @__PURE__ */ jsx(CircularProgress, {}) });
   }
-  return /* @__PURE__ */ jsxs(Container, { children: [
+  return /* @__PURE__ */ jsx(LocaleProvider, { translations, children: /* @__PURE__ */ jsxs(Container, { children: [
     /* @__PURE__ */ jsx(Box, { maxWidth: isMobile ? "360px" : "720px", children: hasStorageEndpoint ? /* @__PURE__ */ jsx(Connected, { spaceGateway, settingStorageEndpoint }) : /* @__PURE__ */ jsx(Disconnect, {}) }),
     /* @__PURE__ */ jsx(Box, { display: "flex", alignItems: "center", justifyContent: "center", paddingTop: "24px", children: /* @__PURE__ */ jsx(ConnectTo, { onConnect: updateSpaceGateway, storageEndpoint }) })
-  ] });
+  ] }) });
 }
 const Container = styled(Box)`
   height: 100%;

package/es/UserCenter/components/storage/item.js

@@ -1,7 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Box, Chip, Typography } from "@mui/material";
 import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
-import toast from "@arcblock/ux/lib/Toast";
 import CheckIcon from "@mui/icons-material/Check";
 import styled from "@emotion/styled";
 import SpacesConnectedSvg from "./icons/space-connected.svg?react";
@@ -9,18 +8,14 @@ import DidAddress from "@arcblock/ux/lib/DID";
 import PreviewSpaceNft from "./preview-nft.js";
 import useMobile from "../../../hooks/use-mobile.js";
 import { getSpaceNftDisplayUrlFromEndpoint } from "../../../libs/spaces.js";
-function SpaceItem({ spaceGateway, connected, onDisconnect, ...rest }) {
+function SpaceItem({
+  spaceGateway,
+  connected,
+  onDisconnect,
+  ...rest
+}) {
   const isMobile = useMobile({});
   const { t } = useLocaleContext();
-  const handleOnDisconnect = async () => {
-    try {
-      await onDisconnect();
-      toast.success(t("storage.spaces.gateway.delete.succeeded", { name: spaceGateway.name }));
-    } catch (error) {
-      console.error(error);
-      toast.error(error.message);
-    }
-  };
   return /* @__PURE__ */ jsxs(
     BoxContainer,
     {

package/es/UserCenter/libs/locales.d.ts

@@ -41,6 +41,32 @@ export declare const translations: {
         myInfo: string;
         loginNow: string;
         viewAfterLogin: string;
+        storage: {
+            spaces: {
+                tips: string;
+                label: string;
+                connectedWithName: string;
+                gateway: {
+                    delete: {
+                        failed: string;
+                    };
+                };
+                provideNFT: {
+                    title: string;
+                    scan: string;
+                    success: string;
+                };
+                connect: {
+                    useWallet: string;
+                    useWalletReconnect: string;
+                    providerForStorage: string;
+                };
+                connected: {
+                    title: string;
+                    tag: string;
+                };
+            };
+        };
     };
     en: {
         settings: string;
@@ -84,5 +110,31 @@ export declare const translations: {
         myInfo: string;
         loginNow: string;
         viewAfterLogin: string;
+        storage: {
+            spaces: {
+                tips: string;
+                label: string;
+                connectedWithName: string;
+                gateway: {
+                    delete: {
+                        failed: string;
+                    };
+                };
+                provideNFT: {
+                    title: string;
+                    scan: string;
+                    success: string;
+                };
+                connect: {
+                    useWallet: string;
+                    useWalletReconnect: string;
+                    providerForStorage: string;
+                };
+                connected: {
+                    title: string;
+                    tag: string;
+                };
+            };
+        };
     };
 };

package/es/UserCenter/libs/locales.js

@@ -40,7 +40,33 @@ export const translations = {
     userInfo: "\u4E2A\u4EBA\u4FE1\u606F",
     myInfo: "\u6211\u7684\u4FE1\u606F",
     loginNow: "\u7ACB\u5373\u767B\u5F55",
-    viewAfterLogin: "\u767B\u5F55\u540E\u624D\u53EF\u4EE5\u67E5\u770B"
+    viewAfterLogin: "\u767B\u5F55\u540E\u624D\u53EF\u4EE5\u67E5\u770B",
+    storage: {
+      spaces: {
+        tips: "\u63D0\u793A",
+        label: "\u8BF7\u8F93\u5165 DID Spaces \u670D\u52A1\u5730\u5740",
+        connectedWithName: "\u4F60\u5DF2\u6210\u529F\u8FDE\u63A5\u81F3 {name}",
+        gateway: {
+          delete: {
+            failed: "\u5220\u9664 DID Spaces \u5931\u8D25"
+          }
+        },
+        provideNFT: {
+          title: "\u8BF7\u4E3A {appName} \u51FA\u793A DID Spaces NFT",
+          scan: "\u4F7F\u7528\u4F60\u7684 DID Wallet \u626B\u63CF\u4E0B\u9762\u7684\u4E8C\u7EF4\u7801\u4E3A\u5E94\u7528 {appName} \u51FA\u793A DID Spaces NFT",
+          success: "\u8FDE\u63A5\u6210\u529F"
+        },
+        connect: {
+          useWallet: "\u4F7F\u7528 DID Wallet \u8FDE\u63A5",
+          useWalletReconnect: "\u4F7F\u7528 DID Wallet \u91CD\u65B0\u8FDE\u63A5",
+          providerForStorage: "\u8BF7\u8FDE\u63A5\u60A8\u7684 DID Spaces"
+        },
+        connected: {
+          title: "\u5DF2\u8FDE\u63A5\u7684 DID Spaces",
+          tag: "\u5DF2\u8FDE\u63A5"
+        }
+      }
+    }
   },
   en: {
     settings: "Settings",
@@ -83,6 +109,32 @@ export const translations = {
     userInfo: "User Info",
     myInfo: "My Info",
     loginNow: "Login",
-    viewAfterLogin: "View after login"
+    viewAfterLogin: "View after login",
+    storage: {
+      spaces: {
+        tips: "Tips",
+        label: "Enter DID Spaces Gateway",
+        connectedWithName: "You have successfully connected to {name}",
+        gateway: {
+          delete: {
+            failed: "Delete gateway failed"
+          }
+        },
+        provideNFT: {
+          title: "Please show the DID Spaces NFT for {appName}",
+          scan: "Use your DID Wallet to scan the QR code below to allow the app {appName} show DID space NFT",
+          success: "Connected successfully"
+        },
+        connect: {
+          useWallet: "Connect with DID Wallet",
+          useWalletReconnect: "Reconnect with DID Wallet",
+          providerForStorage: "Please connect your DID Spaces"
+        },
+        connected: {
+          title: "Connected DID Spaces",
+          tag: "Connected"
+        }
+      }
+    }
   }
 };

package/lib/UserCenter/components/storage/connected.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { SettingStorageEndpoint, SpaceGateway } from '../../../contexts/config-user-space';
-declare function Connected({ spaceGateway, settingStorageEndpoint }: {
+declare function Connected({ spaceGateway, settingStorageEndpoint, }: {
     spaceGateway: SpaceGateway | undefined;
     settingStorageEndpoint: SettingStorageEndpoint;
 }): import("react").JSX.Element;

package/lib/UserCenter/components/storage/connected.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 var _jsxRuntime = require("react/jsx-runtime");
-var _material = require("@mui/material");
 var _context = require("@arcblock/ux/lib/Locale/context");
+var _material = require("@mui/material");
 var _item = _interopRequireDefault(require("./item"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function Connected({

package/lib/UserCenter/components/storage/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 
 var _jsxRuntime = require("react/jsx-runtime");
 var _Center = _interopRequireDefault(require("@arcblock/ux/lib/Center"));
+var _context = require("@arcblock/ux/lib/Locale/context");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _material = require("@mui/material");
 var _configUserSpace = require("../../../contexts/config-user-space");
@@ -13,6 +14,7 @@ var _useMobile = _interopRequireDefault(require("../../../hooks/use-mobile"));
 var _connectTo = _interopRequireDefault(require("./connect-to"));
 var _connected = _interopRequireDefault(require("./connected"));
 var _disconnect = _interopRequireDefault(require("./disconnect"));
+var _locales = require("../../libs/locales");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function DidSpace() {
   const isMobile = (0, _useMobile.default)({});
@@ -30,23 +32,26 @@ function DidSpace() {
       children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.CircularProgress, {})
     });
   }
-  return /* @__PURE__ */(0, _jsxRuntime.jsxs)(Container, {
-    children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-      maxWidth: isMobile ? "360px" : "720px",
-      children: hasStorageEndpoint ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_connected.default, {
-        spaceGateway,
-        settingStorageEndpoint
-      }) : /* @__PURE__ */(0, _jsxRuntime.jsx)(_disconnect.default, {})
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      paddingTop: "24px",
-      children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_connectTo.default, {
-        onConnect: updateSpaceGateway,
-        storageEndpoint
-      })
-    })]
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_context.LocaleProvider, {
+    translations: _locales.translations,
+    children: /* @__PURE__ */(0, _jsxRuntime.jsxs)(Container, {
+      children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
+        maxWidth: isMobile ? "360px" : "720px",
+        children: hasStorageEndpoint ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_connected.default, {
+          spaceGateway,
+          settingStorageEndpoint
+        }) : /* @__PURE__ */(0, _jsxRuntime.jsx)(_disconnect.default, {})
+      }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        paddingTop: "24px",
+        children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_connectTo.default, {
+          onConnect: updateSpaceGateway,
+          storageEndpoint
+        })
+      })]
+    })
   });
 }
 const Container = (0, _styled.default)(_material.Box)`

package/lib/UserCenter/components/storage/item.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 var _jsxRuntime = require("react/jsx-runtime");
 var _material = require("@mui/material");
 var _context = require("@arcblock/ux/lib/Locale/context");
-var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
 var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _spaceConnected = _interopRequireDefault(require("./icons/space-connected.svg?react"));
@@ -26,17 +25,6 @@ function SpaceItem({
   const {
     t
   } = (0, _context.useLocaleContext)();
-  const handleOnDisconnect = async () => {
-    try {
-      await onDisconnect();
-      _Toast.default.success(t("storage.spaces.gateway.delete.succeeded", {
-        name: spaceGateway.name
-      }));
-    } catch (error) {
-      console.error(error);
-      _Toast.default.error(error.message);
-    }
-  };
   return /* @__PURE__ */(0, _jsxRuntime.jsxs)(BoxContainer, {
     style: {
       position: "relative"

package/lib/UserCenter/libs/locales.d.ts

@@ -41,6 +41,32 @@ export declare const translations: {
         myInfo: string;
         loginNow: string;
         viewAfterLogin: string;
+        storage: {
+            spaces: {
+                tips: string;
+                label: string;
+                connectedWithName: string;
+                gateway: {
+                    delete: {
+                        failed: string;
+                    };
+                };
+                provideNFT: {
+                    title: string;
+                    scan: string;
+                    success: string;
+                };
+                connect: {
+                    useWallet: string;
+                    useWalletReconnect: string;
+                    providerForStorage: string;
+                };
+                connected: {
+                    title: string;
+                    tag: string;
+                };
+            };
+        };
     };
     en: {
         settings: string;
@@ -84,5 +110,31 @@ export declare const translations: {
         myInfo: string;
         loginNow: string;
         viewAfterLogin: string;
+        storage: {
+            spaces: {
+                tips: string;
+                label: string;
+                connectedWithName: string;
+                gateway: {
+                    delete: {
+                        failed: string;
+                    };
+                };
+                provideNFT: {
+                    title: string;
+                    scan: string;
+                    success: string;
+                };
+                connect: {
+                    useWallet: string;
+                    useWalletReconnect: string;
+                    providerForStorage: string;
+                };
+                connected: {
+                    title: string;
+                    tag: string;
+                };
+            };
+        };
     };
 };

package/lib/UserCenter/libs/locales.js

@@ -46,7 +46,33 @@ const translations = exports.translations = {
     userInfo: "\u4E2A\u4EBA\u4FE1\u606F",
     myInfo: "\u6211\u7684\u4FE1\u606F",
     loginNow: "\u7ACB\u5373\u767B\u5F55",
-    viewAfterLogin: "\u767B\u5F55\u540E\u624D\u53EF\u4EE5\u67E5\u770B"
+    viewAfterLogin: "\u767B\u5F55\u540E\u624D\u53EF\u4EE5\u67E5\u770B",
+    storage: {
+      spaces: {
+        tips: "\u63D0\u793A",
+        label: "\u8BF7\u8F93\u5165 DID Spaces \u670D\u52A1\u5730\u5740",
+        connectedWithName: "\u4F60\u5DF2\u6210\u529F\u8FDE\u63A5\u81F3 {name}",
+        gateway: {
+          delete: {
+            failed: "\u5220\u9664 DID Spaces \u5931\u8D25"
+          }
+        },
+        provideNFT: {
+          title: "\u8BF7\u4E3A {appName} \u51FA\u793A DID Spaces NFT",
+          scan: "\u4F7F\u7528\u4F60\u7684 DID Wallet \u626B\u63CF\u4E0B\u9762\u7684\u4E8C\u7EF4\u7801\u4E3A\u5E94\u7528 {appName} \u51FA\u793A DID Spaces NFT",
+          success: "\u8FDE\u63A5\u6210\u529F"
+        },
+        connect: {
+          useWallet: "\u4F7F\u7528 DID Wallet \u8FDE\u63A5",
+          useWalletReconnect: "\u4F7F\u7528 DID Wallet \u91CD\u65B0\u8FDE\u63A5",
+          providerForStorage: "\u8BF7\u8FDE\u63A5\u60A8\u7684 DID Spaces"
+        },
+        connected: {
+          title: "\u5DF2\u8FDE\u63A5\u7684 DID Spaces",
+          tag: "\u5DF2\u8FDE\u63A5"
+        }
+      }
+    }
   },
   en: {
     settings: "Settings",
@@ -89,6 +115,32 @@ const translations = exports.translations = {
     userInfo: "User Info",
     myInfo: "My Info",
     loginNow: "Login",
-    viewAfterLogin: "View after login"
+    viewAfterLogin: "View after login",
+    storage: {
+      spaces: {
+        tips: "Tips",
+        label: "Enter DID Spaces Gateway",
+        connectedWithName: "You have successfully connected to {name}",
+        gateway: {
+          delete: {
+            failed: "Delete gateway failed"
+          }
+        },
+        provideNFT: {
+          title: "Please show the DID Spaces NFT for {appName}",
+          scan: "Use your DID Wallet to scan the QR code below to allow the app {appName} show DID space NFT",
+          success: "Connected successfully"
+        },
+        connect: {
+          useWallet: "Connect with DID Wallet",
+          useWalletReconnect: "Reconnect with DID Wallet",
+          providerForStorage: "Please connect your DID Spaces"
+        },
+        connected: {
+          title: "Connected DID Spaces",
+          tag: "Connected"
+        }
+      }
+    }
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "2.9.51",
+  "version": "2.9.52",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -63,8 +63,8 @@
   },
   "dependencies": {
     "@abtnode/constant": "^1.16.24",
-    "@arcblock/did-connect": "^2.9.51",
-    "@arcblock/ux": "^2.9.51",
+    "@arcblock/did-connect": "^2.9.52",
+    "@arcblock/ux": "^2.9.52",
     "@blocklet/js-sdk": "^1.16.24",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
@@ -101,5 +101,5 @@
     "jest": "^28.1.3",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "e89e3c3f37f0891ef91d1f9f6f864f29806c22b7"
+  "gitHead": "362391bd55f3b943e59f16dfaaded615c64ecb93"
 }

package/src/UserCenter/components/storage/connected.tsx

@@ -1,9 +1,15 @@
-import { Box, Typography } from '@mui/material';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
-import SpaceItem from './item';
+import { Box, Typography } from '@mui/material';
 import { SettingStorageEndpoint, SpaceGateway } from '../../../contexts/config-user-space';
+import SpaceItem from './item';
 
-function Connected({ spaceGateway, settingStorageEndpoint }: {spaceGateway: SpaceGateway | undefined, settingStorageEndpoint: SettingStorageEndpoint }) {
+function Connected({
+  spaceGateway,
+  settingStorageEndpoint,
+}: {
+  spaceGateway: SpaceGateway | undefined;
+  settingStorageEndpoint: SettingStorageEndpoint;
+}) {
   const { t } = useLocaleContext();
 
   return (

package/src/UserCenter/components/storage/index.tsx

@@ -1,4 +1,5 @@
 import Center from '@arcblock/ux/lib/Center';
+import { LocaleProvider } from '@arcblock/ux/lib/Locale/context';
 import styled from '@emotion/styled';
 import { Box, CircularProgress } from '@mui/material';
 import { useConfigUserSpaceContext } from '../../../contexts/config-user-space';
@@ -6,6 +7,7 @@ import useMobile from '../../../hooks/use-mobile';
 import ConnectTo from './connect-to';
 import Connected from './connected';
 import Disconnect from './disconnect';
+import { translations } from '../../libs/locales';
 
 function DidSpace() {
   const isMobile = useMobile({});
@@ -21,21 +23,23 @@ function DidSpace() {
   }
 
   return (
-    <Container>
-      {/* 标题区 */}
+    <LocaleProvider translations={translations}>
+      <Container>
+        {/* 标题区 */}
 
-      <Box maxWidth={isMobile ? '360px' : '720px'}>
-        {hasStorageEndpoint ? (
-          <Connected spaceGateway={spaceGateway} settingStorageEndpoint={settingStorageEndpoint} />
-        ) : (
-          <Disconnect />
-        )}
-      </Box>
+        <Box maxWidth={isMobile ? '360px' : '720px'}>
+          {hasStorageEndpoint ? (
+            <Connected spaceGateway={spaceGateway} settingStorageEndpoint={settingStorageEndpoint} />
+          ) : (
+            <Disconnect />
+          )}
+        </Box>
 
-      <Box display="flex" alignItems="center" justifyContent="center" paddingTop="24px">
-        <ConnectTo onConnect={updateSpaceGateway} storageEndpoint={storageEndpoint} />
-      </Box>
-    </Container>
+        <Box display="flex" alignItems="center" justifyContent="center" paddingTop="24px">
+          <ConnectTo onConnect={updateSpaceGateway} storageEndpoint={storageEndpoint} />
+        </Box>
+      </Container>
+    </LocaleProvider>
   );
 }
 

package/src/UserCenter/components/storage/item.tsx

@@ -12,21 +12,15 @@ import { SpaceGateway } from '../../../contexts/config-user-space';
 import useMobile from '../../../hooks/use-mobile';
 import { getSpaceNftDisplayUrlFromEndpoint } from '../../../libs/spaces';
 
-
-function SpaceItem({ spaceGateway, connected, onDisconnect, ...rest }: {spaceGateway: SpaceGateway, connected: boolean, onDisconnect: Function} & BoxProps) {
+function SpaceItem({
+  spaceGateway,
+  connected,
+  onDisconnect,
+  ...rest
+}: { spaceGateway: SpaceGateway; connected: boolean; onDisconnect: Function } & BoxProps) {
   const isMobile = useMobile({});
   const { t } = useLocaleContext();
 
-  const handleOnDisconnect = async () => {
-    try {
-      await onDisconnect();
-      toast.success(t('storage.spaces.gateway.delete.succeeded', { name: spaceGateway.name }));
-    } catch (error: any) {
-      console.error(error);
-      toast.error(error.message);
-    }
-  };
-
   return (
     <BoxContainer
       style={{

package/src/UserCenter/libs/locales.ts

@@ -41,6 +41,32 @@ export const translations = {
     myInfo: '我的信息',
     loginNow: '立即登录',
     viewAfterLogin: '登录后才可以查看',
+    storage: {
+      spaces: {
+        tips: '提示',
+        label: '请输入 DID Spaces 服务地址',
+        connectedWithName: '你已成功连接至 {name}',
+        gateway: {
+          delete: {
+            failed: '删除 DID Spaces 失败',
+          },
+        },
+        provideNFT: {
+          title: '请为 {appName} 出示 DID Spaces NFT',
+          scan: '使用你的 DID Wallet 扫描下面的二维码为应用 {appName} 出示 DID Spaces NFT',
+          success: '连接成功',
+        },
+        connect: {
+          useWallet: '使用 DID Wallet 连接',
+          useWalletReconnect: '使用 DID Wallet 重新连接',
+          providerForStorage: '请连接您的 DID Spaces',
+        },
+        connected: {
+          title: '已连接的 DID Spaces',
+          tag: '已连接',
+        },
+      },
+    },
   },
   en: {
     settings: 'Settings',
@@ -84,5 +110,31 @@ export const translations = {
     myInfo: 'My Info',
     loginNow: 'Login',
     viewAfterLogin: 'View after login',
+    storage: {
+      spaces: {
+        tips: 'Tips',
+        label: 'Enter DID Spaces Gateway',
+        connectedWithName: 'You have successfully connected to {name}',
+        gateway: {
+          delete: {
+            failed: 'Delete gateway failed',
+          },
+        },
+        provideNFT: {
+          title: 'Please show the DID Spaces NFT for {appName}',
+          scan: 'Use your DID Wallet to scan the QR code below to allow the app {appName} show DID space NFT',
+          success: 'Connected successfully',
+        },
+        connect: {
+          useWallet: 'Connect with DID Wallet',
+          useWalletReconnect: 'Reconnect with DID Wallet',
+          providerForStorage: 'Please connect your DID Spaces',
+        },
+        connected: {
+          title: 'Connected DID Spaces',
+          tag: 'Connected',
+        },
+      },
+    },
   },
 };