@blocklet/ui-react 2.11.12 → 2.11.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/UserCenter/components/config-profile.js +1 -1
- package/lib/UserCenter/components/settings.js +2 -5
- package/lib/UserCenter/components/user-center.js +3 -3
- package/package.json +4 -4
- package/src/UserCenter/components/config-profile.tsx +1 -1
- package/src/UserCenter/components/settings.tsx +2 -5
- package/src/UserCenter/components/user-center.tsx +3 -3
|
@@ -61,7 +61,7 @@ export default function ConfigProfile({ user, onSave }) {
|
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
),
|
|
64
|
-
/* @__PURE__ */ jsx(Select, {
|
|
64
|
+
/* @__PURE__ */ jsx(Select, { value: currentState.locale, onChange: handleChange, size: "small", sx: { minWidth: 300 }, children: (window.blocklet.languages || languages).map((x) => /* @__PURE__ */ jsx(MenuItem, { value: x.code, children: x.name }, x.code)) })
|
|
65
65
|
] })
|
|
66
66
|
]
|
|
67
67
|
}
|
|
@@ -33,9 +33,6 @@ export default function Settings({
|
|
|
33
33
|
};
|
|
34
34
|
});
|
|
35
35
|
}, [settings?.userCenterTabs]);
|
|
36
|
-
const showStorage = window?.blocklet?.componentMountPoints.some(
|
|
37
|
-
(v) => v.capabilities?.didSpace === "requiredOnConnect"
|
|
38
|
-
);
|
|
39
36
|
const tabs = useCreation(() => {
|
|
40
37
|
return [
|
|
41
38
|
{
|
|
@@ -58,7 +55,7 @@ export default function Settings({
|
|
|
58
55
|
value: "privacy",
|
|
59
56
|
content: /* @__PURE__ */ jsx(Privacy, { configList: privacyConfigList, onSave })
|
|
60
57
|
},
|
|
61
|
-
|
|
58
|
+
{
|
|
62
59
|
label: t("storageManagement"),
|
|
63
60
|
value: "storage",
|
|
64
61
|
content: /* @__PURE__ */ jsx(ConfigUserSpaceProvider, { children: /* @__PURE__ */ jsx(DidSpace, {}) })
|
|
@@ -93,7 +90,7 @@ export default function Settings({
|
|
|
93
90
|
}
|
|
94
91
|
),
|
|
95
92
|
/* @__PURE__ */ jsx(Box, { mt: 2.5, children: tab.content }),
|
|
96
|
-
index < tabs.length - 1 ? /* @__PURE__ */ jsx(Divider, { sx: { mt: 2.5, mb: 2.5 } }) : null
|
|
93
|
+
index < tabs.length - 1 ? /* @__PURE__ */ jsx(Divider, { sx: { mt: 2.5, mb: 2.5, borderColor: colors.dividerColor } }) : null
|
|
97
94
|
] }, tab.value))
|
|
98
95
|
}
|
|
99
96
|
);
|
|
@@ -316,7 +316,7 @@ export default function UserCenter({
|
|
|
316
316
|
}
|
|
317
317
|
}
|
|
318
318
|
),
|
|
319
|
-
/* @__PURE__ */ jsx(Divider, { sx: { mt: 3, mb: 3 } }),
|
|
319
|
+
/* @__PURE__ */ jsx(Divider, { sx: { mt: 3, mb: 3, borderColor: colors.dividerColor } }),
|
|
320
320
|
userCenterTabs.length > 0 && currentTab ? /* @__PURE__ */ jsxs(
|
|
321
321
|
Box,
|
|
322
322
|
{
|
|
@@ -336,7 +336,7 @@ export default function UserCenter({
|
|
|
336
336
|
current: currentActiveTab?.value ?? currentTab,
|
|
337
337
|
onChange: handleChangeTab,
|
|
338
338
|
sx: {
|
|
339
|
-
width: isMobile ? "100%" :
|
|
339
|
+
width: isMobile ? "100%" : 160,
|
|
340
340
|
marginBottom: isMobile ? "8px" : 0,
|
|
341
341
|
flexShrink: 0,
|
|
342
342
|
".MuiTabs-flexContainer": {
|
|
@@ -354,7 +354,7 @@ export default function UserCenter({
|
|
|
354
354
|
}
|
|
355
355
|
}
|
|
356
356
|
),
|
|
357
|
-
/* @__PURE__ */ jsx(Divider, { orientation: "vertical", sx: { height: "100%", mr:
|
|
357
|
+
/* @__PURE__ */ jsx(Divider, { orientation: "vertical", sx: { height: "100%", mr: 3, borderColor: colors.dividerColor } }),
|
|
358
358
|
!privacyState.data || privacyState.loading ? /* @__PURE__ */ jsx(
|
|
359
359
|
Box,
|
|
360
360
|
{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blocklet/ui-react",
|
|
3
|
-
"version": "2.11.
|
|
3
|
+
"version": "2.11.14",
|
|
4
4
|
"description": "Some useful front-end web components that can be used in Blocklets.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
"url": "https://github.com/ArcBlock/ux/issues"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@arcblock/bridge": "^2.11.
|
|
36
|
-
"@arcblock/react-hooks": "^2.11.
|
|
35
|
+
"@arcblock/bridge": "^2.11.14",
|
|
36
|
+
"@arcblock/react-hooks": "^2.11.14",
|
|
37
37
|
"@blocklet/did-space-react": "^0.6.0",
|
|
38
38
|
"@iconify-icons/logos": "^1.2.36",
|
|
39
39
|
"@iconify-icons/material-symbols": "^1.2.58",
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
"jest": "^29.7.0",
|
|
82
82
|
"unbuild": "^2.0.0"
|
|
83
83
|
},
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "6e1596d1a8ab9b74fd0588be21beb80eaeb68e35"
|
|
85
85
|
}
|
|
@@ -60,7 +60,7 @@ export default function ConfigProfile({ user, onSave }: { user: User; onSave: (t
|
|
|
60
60
|
height: 2,
|
|
61
61
|
}}
|
|
62
62
|
/>
|
|
63
|
-
<Select
|
|
63
|
+
<Select value={currentState.locale} onChange={handleChange} size="small" sx={{ minWidth: 300 }}>
|
|
64
64
|
{(window.blocklet.languages || languages).map((x: { name: string; code: string }) => (
|
|
65
65
|
<MenuItem value={x.code} key={x.code}>
|
|
66
66
|
{x.name}
|
|
@@ -42,9 +42,6 @@ export default function Settings({
|
|
|
42
42
|
};
|
|
43
43
|
});
|
|
44
44
|
}, [settings?.userCenterTabs]);
|
|
45
|
-
const showStorage = window?.blocklet?.componentMountPoints.some(
|
|
46
|
-
(v: any) => v.capabilities?.didSpace === 'requiredOnConnect'
|
|
47
|
-
);
|
|
48
45
|
const tabs = useCreation(() => {
|
|
49
46
|
return [
|
|
50
47
|
{
|
|
@@ -67,7 +64,7 @@ export default function Settings({
|
|
|
67
64
|
value: 'privacy',
|
|
68
65
|
content: <Privacy configList={privacyConfigList} onSave={onSave} />,
|
|
69
66
|
},
|
|
70
|
-
|
|
67
|
+
{
|
|
71
68
|
label: t('storageManagement'),
|
|
72
69
|
value: 'storage',
|
|
73
70
|
content: (
|
|
@@ -104,7 +101,7 @@ export default function Settings({
|
|
|
104
101
|
{tab.label}
|
|
105
102
|
</Typography>
|
|
106
103
|
<Box mt={2.5}>{tab.content}</Box>
|
|
107
|
-
{index < tabs.length - 1 ? <Divider sx={{ mt: 2.5, mb: 2.5 }} /> : null}
|
|
104
|
+
{index < tabs.length - 1 ? <Divider sx={{ mt: 2.5, mb: 2.5, borderColor: colors.dividerColor }} /> : null}
|
|
108
105
|
</Box>
|
|
109
106
|
))}
|
|
110
107
|
</Box>
|
|
@@ -358,7 +358,7 @@ export default function UserCenter({
|
|
|
358
358
|
mt: 2,
|
|
359
359
|
}}
|
|
360
360
|
/>
|
|
361
|
-
<Divider sx={{ mt: 3, mb: 3 }} />
|
|
361
|
+
<Divider sx={{ mt: 3, mb: 3, borderColor: colors.dividerColor }} />
|
|
362
362
|
{userCenterTabs.length > 0 && currentTab ? (
|
|
363
363
|
<Box
|
|
364
364
|
display={isMobile ? 'block' : 'flex'}
|
|
@@ -374,7 +374,7 @@ export default function UserCenter({
|
|
|
374
374
|
current={currentActiveTab?.value ?? currentTab}
|
|
375
375
|
onChange={handleChangeTab}
|
|
376
376
|
sx={{
|
|
377
|
-
width: isMobile ? '100%' :
|
|
377
|
+
width: isMobile ? '100%' : 160,
|
|
378
378
|
marginBottom: isMobile ? '8px' : 0,
|
|
379
379
|
flexShrink: 0,
|
|
380
380
|
'.MuiTabs-flexContainer': {
|
|
@@ -391,7 +391,7 @@ export default function UserCenter({
|
|
|
391
391
|
},
|
|
392
392
|
}}
|
|
393
393
|
/>
|
|
394
|
-
<Divider orientation="vertical" sx={{ height: '100%', mr:
|
|
394
|
+
<Divider orientation="vertical" sx={{ height: '100%', mr: 3, borderColor: colors.dividerColor }} />
|
|
395
395
|
{!privacyState.data || privacyState.loading ? (
|
|
396
396
|
<Box
|
|
397
397
|
sx={{
|