@selfcommunity/react-ui 0.7.13-alpha.1 → 0.7.13-alpha.3
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/cjs/components/CustomAdv/CustomAdv.d.ts +1 -1
- package/lib/cjs/components/UserProfileHeader/UserProfileHeader.js +6 -1
- package/lib/esm/components/CustomAdv/CustomAdv.d.ts +1 -1
- package/lib/esm/components/UserProfileHeader/UserProfileHeader.js +7 -2
- package/lib/umd/react-ui.js +1 -1
- package/package.json +2 -2
|
@@ -20,6 +20,8 @@ const classes = {
|
|
|
20
20
|
infOpsSection: `${constants_1.PREFIX}-infops-section`,
|
|
21
21
|
username: `${constants_1.PREFIX}-username`,
|
|
22
22
|
realname: `${constants_1.PREFIX}-realname`,
|
|
23
|
+
bio: `${constants_1.PREFIX}-bio`,
|
|
24
|
+
website: `${constants_1.PREFIX}-website`,
|
|
23
25
|
changePicture: `${constants_1.PREFIX}-change-picture`,
|
|
24
26
|
changeCover: `${constants_1.PREFIX}-change-cover`
|
|
25
27
|
};
|
|
@@ -124,7 +126,10 @@ function UserProfileHeader(inProps) {
|
|
|
124
126
|
react_1.default.createElement(material_1.Typography, { variant: "h5", className: classes.username },
|
|
125
127
|
"@",
|
|
126
128
|
isMe ? scUserContext.user.username : scUser.username),
|
|
127
|
-
realName && (react_1.default.createElement(material_1.Typography, { variant: "
|
|
129
|
+
realName && (react_1.default.createElement(material_1.Typography, { variant: "subtitle1", className: classes.realname }, realName)),
|
|
130
|
+
scUser.bio && (react_1.default.createElement(material_1.Typography, { variant: "subtitle2", className: classes.bio }, scUser.bio)),
|
|
131
|
+
scUser.website && (react_1.default.createElement(react_core_1.Link, { className: classes.website, target: "blank", to: scUser.website },
|
|
132
|
+
react_1.default.createElement(material_1.Typography, { variant: "body2" }, scUser.website)))),
|
|
128
133
|
actions && actions)));
|
|
129
134
|
}
|
|
130
135
|
exports.default = UserProfileHeader;
|
|
@@ -4,7 +4,7 @@ import { styled } from '@mui/material/styles';
|
|
|
4
4
|
import { Box, Paper, Typography } from '@mui/material';
|
|
5
5
|
import ChangeCover from '../ChangeCover';
|
|
6
6
|
import ChangePicture from '../ChangePicture';
|
|
7
|
-
import { SCPreferences, useSCContext, useSCFetchUser, useSCPreferences, useSCUser } from '@selfcommunity/react-core';
|
|
7
|
+
import { Link, SCPreferences, useSCContext, useSCFetchUser, useSCPreferences, useSCUser } from '@selfcommunity/react-core';
|
|
8
8
|
import UserProfileHeaderSkeleton from './Skeleton';
|
|
9
9
|
import classNames from 'classnames';
|
|
10
10
|
import { useThemeProps } from '@mui/system';
|
|
@@ -18,6 +18,8 @@ const classes = {
|
|
|
18
18
|
infOpsSection: `${PREFIX}-infops-section`,
|
|
19
19
|
username: `${PREFIX}-username`,
|
|
20
20
|
realname: `${PREFIX}-realname`,
|
|
21
|
+
bio: `${PREFIX}-bio`,
|
|
22
|
+
website: `${PREFIX}-website`,
|
|
21
23
|
changePicture: `${PREFIX}-change-picture`,
|
|
22
24
|
changeCover: `${PREFIX}-change-cover`
|
|
23
25
|
};
|
|
@@ -122,6 +124,9 @@ export default function UserProfileHeader(inProps) {
|
|
|
122
124
|
React.createElement(Typography, { variant: "h5", className: classes.username },
|
|
123
125
|
"@",
|
|
124
126
|
isMe ? scUserContext.user.username : scUser.username),
|
|
125
|
-
realName && (React.createElement(Typography, { variant: "
|
|
127
|
+
realName && (React.createElement(Typography, { variant: "subtitle1", className: classes.realname }, realName)),
|
|
128
|
+
scUser.bio && (React.createElement(Typography, { variant: "subtitle2", className: classes.bio }, scUser.bio)),
|
|
129
|
+
scUser.website && (React.createElement(Link, { className: classes.website, target: "blank", to: scUser.website },
|
|
130
|
+
React.createElement(Typography, { variant: "body2" }, scUser.website)))),
|
|
126
131
|
actions && actions)));
|
|
127
132
|
}
|