react-easy-wall 3.5.10 → 3.5.12
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/dist/cjs/components/comment/components/create-comment/CreateComment.js +29 -19
- package/dist/cjs/components/comment/components/create-comment/CreateComment.js.map +1 -1
- package/dist/cjs/components/comment/components/create-comment/CreateCommentTitle.js +1 -1
- package/dist/cjs/components/comment/components/create-comment/CreateCommentTitle.js.map +1 -1
- package/dist/esm/components/comment/components/create-comment/CreateComment.js +29 -19
- package/dist/esm/components/comment/components/create-comment/CreateComment.js.map +1 -1
- package/dist/esm/components/comment/components/create-comment/CreateCommentTitle.js +1 -1
- package/dist/esm/components/comment/components/create-comment/CreateCommentTitle.js.map +1 -1
- package/package.json +1 -1
|
@@ -5,10 +5,21 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var comment_hooks = require('../../comment.hooks.js');
|
|
7
7
|
var ReactSimpleWysiwyg = require('../../../../shared/components/react-editor/ReactSimpleWysiwyg.js');
|
|
8
|
-
|
|
8
|
+
require('next/headers');
|
|
9
|
+
require('../../../../shared/types/generated.js');
|
|
10
|
+
require('@apollo/client');
|
|
11
|
+
require('@apollo/client-integration-nextjs');
|
|
12
|
+
require('../../../session/session.constants.js');
|
|
13
|
+
require('../../../session/SessionUserContext.js');
|
|
14
|
+
var theme = require('../../../../shared/mui/theme.js');
|
|
15
|
+
require('../../../../shared/cookies/index.js');
|
|
9
16
|
var index = require('../../../../_virtual/index.js');
|
|
17
|
+
require('../../../session/session.events.js');
|
|
18
|
+
require('../../../session/session.actions.js');
|
|
19
|
+
require('../../../../shared/constants/index.js');
|
|
20
|
+
require('../../../../node_modules/@react-oauth/google/dist/index.esm.js');
|
|
21
|
+
var session_hooks = require('../../../session/session.hooks.js');
|
|
10
22
|
var comment_actions = require('../../comment.actions.js');
|
|
11
|
-
var theme = require('../../../../shared/mui/theme.js');
|
|
12
23
|
var ButtonDefault = require('../../../../shared/components/buttons/ButtonDefault.js');
|
|
13
24
|
var Card = require('../../../../node_modules/@mui/material/esm/Card/Card.js');
|
|
14
25
|
var Box = require('../../../../node_modules/@mui/material/esm/Box/Box.js');
|
|
@@ -46,28 +57,27 @@ const CreateComment = ({ createCommentAvatarProps = {}, createCommentNameTextPro
|
|
|
46
57
|
fontSize: 14,
|
|
47
58
|
fontWeight: 700,
|
|
48
59
|
...sxCreateCommentNameTextProps,
|
|
49
|
-
}, mb: 1, children: user?.name }) })] })) : null, jsxRuntime.jsx(Box.default, { component: 'div', style: { width: '100%' }, children: jsxRuntime.jsx(ReactSimpleWysiwyg.ReactSimpleWysiwyg, { value: html, onChange: (value) => setHtml(value), ...createCommentContentProps }) }), jsxRuntime.jsx(
|
|
60
|
+
}, mb: 1, children: user?.name }) })] })) : null, jsxRuntime.jsx(Box.default, { component: 'div', style: { width: '100%' }, children: jsxRuntime.jsx(ReactSimpleWysiwyg.ReactSimpleWysiwyg, { value: html, onChange: (value) => setHtml(value), ...createCommentContentProps }) }), jsxRuntime.jsx(ButtonDefault.ButtonDefault, { onClick: () => {
|
|
61
|
+
if (!canComment)
|
|
62
|
+
return comment_actions.openSubscriptionCommentsStoreAction(true);
|
|
63
|
+
callCreateComment({
|
|
64
|
+
data: {
|
|
65
|
+
message: html,
|
|
66
|
+
post_id: postId,
|
|
67
|
+
},
|
|
68
|
+
});
|
|
69
|
+
}, color: !subscription ? 'primary' : 'inherit', isLoading: loading, sx: {
|
|
50
70
|
marginLeft: 10,
|
|
51
71
|
[theme.theme.breakpoints.down('md')]: {
|
|
52
72
|
marginLeft: 0,
|
|
53
73
|
marginTop: 10,
|
|
54
74
|
},
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
post_id: postId,
|
|
62
|
-
},
|
|
63
|
-
});
|
|
64
|
-
}, color: !subscription ? 'primary' : 'inherit', isLoading: loading, sx: {
|
|
65
|
-
minWidth: 130,
|
|
66
|
-
'&:disabled': {
|
|
67
|
-
backgroundColor: '#8B8B8B !important',
|
|
68
|
-
},
|
|
69
|
-
...sxCreateCommentButtonProps,
|
|
70
|
-
}, children: "Comentar" }) })] }) }));
|
|
75
|
+
minWidth: 130,
|
|
76
|
+
'&:disabled': {
|
|
77
|
+
backgroundColor: '#8B8B8B !important',
|
|
78
|
+
},
|
|
79
|
+
...sxCreateCommentButtonProps,
|
|
80
|
+
}, children: "Comentar" })] }) }));
|
|
71
81
|
};
|
|
72
82
|
|
|
73
83
|
exports.CreateComment = CreateComment;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateComment.js","sources":["../../../../../../src/components/comment/components/create-comment/CreateComment.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react';\nimport {\n Avatar,\n AvatarProps,\n Box,\n ButtonProps,\n Card,\n Typography,\n TypographyProps,\n} from '@mui/material';\nimport { useComment } from '../../comment.hooks';\nimport {\n ReactSimpleWysiwyg,\n ReactSimpleWysiwygProps,\n} from '@/shared/components/react-editor/ReactSimpleWysiwyg';\nimport { useSession } from '
|
|
1
|
+
{"version":3,"file":"CreateComment.js","sources":["../../../../../../src/components/comment/components/create-comment/CreateComment.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react';\nimport {\n Avatar,\n AvatarProps,\n Box,\n ButtonProps,\n Card,\n Typography,\n TypographyProps,\n} from '@mui/material';\nimport { useComment } from '../../comment.hooks';\nimport {\n ReactSimpleWysiwyg,\n ReactSimpleWysiwygProps,\n} from '@/shared/components/react-editor/ReactSimpleWysiwyg';\nimport { useSession } from '@/components/session';\nimport { useCallAction } from '@cobuildlab/react-simple-state';\nimport { createComment, openSubscriptionCommentsStoreAction } from '../../comment.actions';\nimport { theme } from '@/shared/mui/theme';\nimport { ButtonDefault } from '@/shared/components/buttons/ButtonDefault';\n\nexport type CreateCommentProps = {\n createCommentAvatarProps?: AvatarProps;\n createCommentNameTextProps?: TypographyProps;\n createCommentButtonProps?: ButtonProps;\n createCommentContentProps?: Omit<ReactSimpleWysiwygProps, 'value' | 'onChange'>;\n};\n\nexport const CreateComment: React.FC<CreateCommentProps> = ({\n createCommentAvatarProps = {},\n createCommentNameTextProps = {},\n createCommentButtonProps = {},\n createCommentContentProps = {},\n}) => {\n const { user, subscription } = useSession();\n const [html, setHtml] = useState<string>('');\n const { callAction, postId, onlyForRegistered, onlyForSubscribers } = useComment();\n const { sx: sxCreateCommentAvatarProps } = createCommentAvatarProps;\n const { sx: sxCreateCommentNameTextProps } = createCommentNameTextProps;\n const { sx: sxCreateCommentButtonProps } = createCommentButtonProps;\n\n const [callCreateComment, loading] = useCallAction(createComment, {\n onCompleted: () => {\n setHtml('');\n callAction();\n },\n });\n\n const canRegistered = onlyForRegistered && user;\n const canSubscriber = onlyForSubscribers && subscription;\n\n const canComment = canRegistered || canSubscriber;\n\n return (\n <Card elevation={0}>\n <Box sx={{ display: { xs: 'block', md: 'flex' } }}>\n {user ? (\n <Box\n sx={{\n xs: {\n marginRight: 0,\n marginBottom: 10,\n display: 'flex',\n alignItems: 'center',\n alignContent: 'center',\n },\n md: {\n marginRight: 10,\n },\n }}>\n <Avatar\n sx={{ width: 40, height: 40, marginRight: 1, ...sxCreateCommentAvatarProps }}\n src={user?.avatar as string}\n />\n <Box sx={{ display: { xs: 'block', md: 'none' } }}>\n <Typography\n sx={{\n fontSize: 14,\n fontWeight: 700,\n ...sxCreateCommentNameTextProps,\n }}\n mb={1}>\n {user?.name}\n </Typography>\n </Box>\n </Box>\n ) : null}\n {\n <Box component={'div'} style={{ width: '100%' }}>\n <ReactSimpleWysiwyg\n value={html}\n onChange={(value) => setHtml(value)}\n {...createCommentContentProps}\n />\n </Box>\n }\n {\n\n <ButtonDefault\n onClick={() => {\n if (!canComment) return openSubscriptionCommentsStoreAction(true);\n callCreateComment({\n data: {\n message: html,\n post_id: postId,\n },\n });\n }}\n color={!subscription ? 'primary' : 'inherit'}\n isLoading={loading}\n sx={{\n marginLeft: 10,\n [theme.breakpoints.down('md')]: {\n marginLeft: 0,\n marginTop: 10,\n },\n minWidth: 130,\n '&:disabled': {\n backgroundColor: '#8B8B8B !important',\n },\n ...sxCreateCommentButtonProps,\n }}>\n Comentar\n </ButtonDefault>\n }\n </Box>\n </Card>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCE;AACA;AACA;AACA;;;;AAKI;;AAEH;AAED;AACA;AAEA;AAEA;AAMY;AACE;AACA;AACA;AACA;AACA;AACD;AACD;AACE;AACD;;AASG;AACA;AACA;AACD;AAoBD;AAAiB;AACjB;AACE;AACE;AACA;AACD;AACF;AACH;AAIE;;AAEE;AACA;AACD;AACD;AACA;AACE;AACD;AACD;;AAQhB;;"}
|
|
@@ -10,7 +10,7 @@ const CreateCommentTitle = ({ createCommentTitleProps = {}, }) => {
|
|
|
10
10
|
const { user } = session_hooks.useSession();
|
|
11
11
|
if (!user)
|
|
12
12
|
return null;
|
|
13
|
-
return (jsxRuntime.jsx(Box.default, {
|
|
13
|
+
return (jsxRuntime.jsx(Box.default, { children: jsxRuntime.jsx(Typography.default, { variant: "body1", fontWeight: 700, mb: 1, fontSize: 14, ...createCommentTitleProps, children: user?.name }) }));
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
exports.CreateCommentTitle = CreateCommentTitle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateCommentTitle.js","sources":["../../../../../../src/components/comment/components/create-comment/CreateCommentTitle.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Box, Typography, TypographyProps } from '@mui/material';\nimport { useSession } from '@/components/session/session.hooks';\n\nexport type CreateCommentTitleProps = {\n createCommentTitleProps?: TypographyProps;\n};\n\nexport const CreateCommentTitle: React.FC<CreateCommentTitleProps> = ({\n createCommentTitleProps = {},\n}) => {\n const { user } = useSession();\n\n if (!user) return null;\n\n return (\n <Box
|
|
1
|
+
{"version":3,"file":"CreateCommentTitle.js","sources":["../../../../../../src/components/comment/components/create-comment/CreateCommentTitle.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Box, Typography, TypographyProps } from '@mui/material';\nimport { useSession } from '@/components/session/session.hooks';\n\nexport type CreateCommentTitleProps = {\n createCommentTitleProps?: TypographyProps;\n};\n\nexport const CreateCommentTitle: React.FC<CreateCommentTitleProps> = ({\n createCommentTitleProps = {},\n}) => {\n const { user } = useSession();\n\n if (!user) return null;\n\n return (\n <Box>\n <Typography\n variant=\"body1\"\n fontWeight={700}\n mb={1}\n fontSize={14}\n {...createCommentTitleProps}>\n {user?.name}\n </Typography>\n </Box>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AAUO;AAGL;AAEA;AAAW;AAEX;AAYF;;"}
|
|
@@ -3,10 +3,21 @@ import { jsx, jsxs } from 'react/jsx-runtime';
|
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { useComment } from '../../comment.hooks.js';
|
|
5
5
|
import { ReactSimpleWysiwyg } from '../../../../shared/components/react-editor/ReactSimpleWysiwyg.js';
|
|
6
|
-
import
|
|
6
|
+
import 'next/headers';
|
|
7
|
+
import '../../../../shared/types/generated.js';
|
|
8
|
+
import '@apollo/client';
|
|
9
|
+
import '@apollo/client-integration-nextjs';
|
|
10
|
+
import '../../../session/session.constants.js';
|
|
11
|
+
import '../../../session/SessionUserContext.js';
|
|
12
|
+
import { theme } from '../../../../shared/mui/theme.js';
|
|
13
|
+
import '../../../../shared/cookies/index.js';
|
|
7
14
|
import { l as libExports } from '../../../../_virtual/index.js';
|
|
15
|
+
import '../../../session/session.events.js';
|
|
16
|
+
import '../../../session/session.actions.js';
|
|
17
|
+
import '../../../../shared/constants/index.js';
|
|
18
|
+
import '../../../../node_modules/@react-oauth/google/dist/index.esm.js';
|
|
19
|
+
import { useSession } from '../../../session/session.hooks.js';
|
|
8
20
|
import { createComment, openSubscriptionCommentsStoreAction } from '../../comment.actions.js';
|
|
9
|
-
import { theme } from '../../../../shared/mui/theme.js';
|
|
10
21
|
import { ButtonDefault } from '../../../../shared/components/buttons/ButtonDefault.js';
|
|
11
22
|
import Card from '../../../../node_modules/@mui/material/esm/Card/Card.js';
|
|
12
23
|
import Box from '../../../../node_modules/@mui/material/esm/Box/Box.js';
|
|
@@ -44,28 +55,27 @@ const CreateComment = ({ createCommentAvatarProps = {}, createCommentNameTextPro
|
|
|
44
55
|
fontSize: 14,
|
|
45
56
|
fontWeight: 700,
|
|
46
57
|
...sxCreateCommentNameTextProps,
|
|
47
|
-
}, mb: 1, children: user?.name }) })] })) : null, jsx(Box, { component: 'div', style: { width: '100%' }, children: jsx(ReactSimpleWysiwyg, { value: html, onChange: (value) => setHtml(value), ...createCommentContentProps }) }), jsx(
|
|
58
|
+
}, mb: 1, children: user?.name }) })] })) : null, jsx(Box, { component: 'div', style: { width: '100%' }, children: jsx(ReactSimpleWysiwyg, { value: html, onChange: (value) => setHtml(value), ...createCommentContentProps }) }), jsx(ButtonDefault, { onClick: () => {
|
|
59
|
+
if (!canComment)
|
|
60
|
+
return openSubscriptionCommentsStoreAction(true);
|
|
61
|
+
callCreateComment({
|
|
62
|
+
data: {
|
|
63
|
+
message: html,
|
|
64
|
+
post_id: postId,
|
|
65
|
+
},
|
|
66
|
+
});
|
|
67
|
+
}, color: !subscription ? 'primary' : 'inherit', isLoading: loading, sx: {
|
|
48
68
|
marginLeft: 10,
|
|
49
69
|
[theme.breakpoints.down('md')]: {
|
|
50
70
|
marginLeft: 0,
|
|
51
71
|
marginTop: 10,
|
|
52
72
|
},
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
post_id: postId,
|
|
60
|
-
},
|
|
61
|
-
});
|
|
62
|
-
}, color: !subscription ? 'primary' : 'inherit', isLoading: loading, sx: {
|
|
63
|
-
minWidth: 130,
|
|
64
|
-
'&:disabled': {
|
|
65
|
-
backgroundColor: '#8B8B8B !important',
|
|
66
|
-
},
|
|
67
|
-
...sxCreateCommentButtonProps,
|
|
68
|
-
}, children: "Comentar" }) })] }) }));
|
|
73
|
+
minWidth: 130,
|
|
74
|
+
'&:disabled': {
|
|
75
|
+
backgroundColor: '#8B8B8B !important',
|
|
76
|
+
},
|
|
77
|
+
...sxCreateCommentButtonProps,
|
|
78
|
+
}, children: "Comentar" })] }) }));
|
|
69
79
|
};
|
|
70
80
|
|
|
71
81
|
export { CreateComment };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateComment.js","sources":["../../../../../../src/components/comment/components/create-comment/CreateComment.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react';\nimport {\n Avatar,\n AvatarProps,\n Box,\n ButtonProps,\n Card,\n Typography,\n TypographyProps,\n} from '@mui/material';\nimport { useComment } from '../../comment.hooks';\nimport {\n ReactSimpleWysiwyg,\n ReactSimpleWysiwygProps,\n} from '@/shared/components/react-editor/ReactSimpleWysiwyg';\nimport { useSession } from '
|
|
1
|
+
{"version":3,"file":"CreateComment.js","sources":["../../../../../../src/components/comment/components/create-comment/CreateComment.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react';\nimport {\n Avatar,\n AvatarProps,\n Box,\n ButtonProps,\n Card,\n Typography,\n TypographyProps,\n} from '@mui/material';\nimport { useComment } from '../../comment.hooks';\nimport {\n ReactSimpleWysiwyg,\n ReactSimpleWysiwygProps,\n} from '@/shared/components/react-editor/ReactSimpleWysiwyg';\nimport { useSession } from '@/components/session';\nimport { useCallAction } from '@cobuildlab/react-simple-state';\nimport { createComment, openSubscriptionCommentsStoreAction } from '../../comment.actions';\nimport { theme } from '@/shared/mui/theme';\nimport { ButtonDefault } from '@/shared/components/buttons/ButtonDefault';\n\nexport type CreateCommentProps = {\n createCommentAvatarProps?: AvatarProps;\n createCommentNameTextProps?: TypographyProps;\n createCommentButtonProps?: ButtonProps;\n createCommentContentProps?: Omit<ReactSimpleWysiwygProps, 'value' | 'onChange'>;\n};\n\nexport const CreateComment: React.FC<CreateCommentProps> = ({\n createCommentAvatarProps = {},\n createCommentNameTextProps = {},\n createCommentButtonProps = {},\n createCommentContentProps = {},\n}) => {\n const { user, subscription } = useSession();\n const [html, setHtml] = useState<string>('');\n const { callAction, postId, onlyForRegistered, onlyForSubscribers } = useComment();\n const { sx: sxCreateCommentAvatarProps } = createCommentAvatarProps;\n const { sx: sxCreateCommentNameTextProps } = createCommentNameTextProps;\n const { sx: sxCreateCommentButtonProps } = createCommentButtonProps;\n\n const [callCreateComment, loading] = useCallAction(createComment, {\n onCompleted: () => {\n setHtml('');\n callAction();\n },\n });\n\n const canRegistered = onlyForRegistered && user;\n const canSubscriber = onlyForSubscribers && subscription;\n\n const canComment = canRegistered || canSubscriber;\n\n return (\n <Card elevation={0}>\n <Box sx={{ display: { xs: 'block', md: 'flex' } }}>\n {user ? (\n <Box\n sx={{\n xs: {\n marginRight: 0,\n marginBottom: 10,\n display: 'flex',\n alignItems: 'center',\n alignContent: 'center',\n },\n md: {\n marginRight: 10,\n },\n }}>\n <Avatar\n sx={{ width: 40, height: 40, marginRight: 1, ...sxCreateCommentAvatarProps }}\n src={user?.avatar as string}\n />\n <Box sx={{ display: { xs: 'block', md: 'none' } }}>\n <Typography\n sx={{\n fontSize: 14,\n fontWeight: 700,\n ...sxCreateCommentNameTextProps,\n }}\n mb={1}>\n {user?.name}\n </Typography>\n </Box>\n </Box>\n ) : null}\n {\n <Box component={'div'} style={{ width: '100%' }}>\n <ReactSimpleWysiwyg\n value={html}\n onChange={(value) => setHtml(value)}\n {...createCommentContentProps}\n />\n </Box>\n }\n {\n\n <ButtonDefault\n onClick={() => {\n if (!canComment) return openSubscriptionCommentsStoreAction(true);\n callCreateComment({\n data: {\n message: html,\n post_id: postId,\n },\n });\n }}\n color={!subscription ? 'primary' : 'inherit'}\n isLoading={loading}\n sx={{\n marginLeft: 10,\n [theme.breakpoints.down('md')]: {\n marginLeft: 0,\n marginTop: 10,\n },\n minWidth: 130,\n '&:disabled': {\n backgroundColor: '#8B8B8B !important',\n },\n ...sxCreateCommentButtonProps,\n }}>\n Comentar\n </ButtonDefault>\n }\n </Box>\n </Card>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCE;AACA;AACA;AACA;;;;AAKI;;AAEH;AAED;AACA;AAEA;AAEA;AAMY;AACE;AACA;AACA;AACA;AACA;AACD;AACD;AACE;AACD;;AASG;AACA;AACA;AACD;AAoBD;AAAiB;AACjB;AACE;AACE;AACA;AACD;AACF;AACH;AAIE;;AAEE;AACA;AACD;AACD;AACA;AACE;AACD;AACD;;AAQhB;;"}
|
|
@@ -8,7 +8,7 @@ const CreateCommentTitle = ({ createCommentTitleProps = {}, }) => {
|
|
|
8
8
|
const { user } = useSession();
|
|
9
9
|
if (!user)
|
|
10
10
|
return null;
|
|
11
|
-
return (jsx(Box, {
|
|
11
|
+
return (jsx(Box, { children: jsx(Typography, { variant: "body1", fontWeight: 700, mb: 1, fontSize: 14, ...createCommentTitleProps, children: user?.name }) }));
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
export { CreateCommentTitle };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateCommentTitle.js","sources":["../../../../../../src/components/comment/components/create-comment/CreateCommentTitle.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Box, Typography, TypographyProps } from '@mui/material';\nimport { useSession } from '@/components/session/session.hooks';\n\nexport type CreateCommentTitleProps = {\n createCommentTitleProps?: TypographyProps;\n};\n\nexport const CreateCommentTitle: React.FC<CreateCommentTitleProps> = ({\n createCommentTitleProps = {},\n}) => {\n const { user } = useSession();\n\n if (!user) return null;\n\n return (\n <Box
|
|
1
|
+
{"version":3,"file":"CreateCommentTitle.js","sources":["../../../../../../src/components/comment/components/create-comment/CreateCommentTitle.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Box, Typography, TypographyProps } from '@mui/material';\nimport { useSession } from '@/components/session/session.hooks';\n\nexport type CreateCommentTitleProps = {\n createCommentTitleProps?: TypographyProps;\n};\n\nexport const CreateCommentTitle: React.FC<CreateCommentTitleProps> = ({\n createCommentTitleProps = {},\n}) => {\n const { user } = useSession();\n\n if (!user) return null;\n\n return (\n <Box>\n <Typography\n variant=\"body1\"\n fontWeight={700}\n mb={1}\n fontSize={14}\n {...createCommentTitleProps}>\n {user?.name}\n </Typography>\n </Box>\n );\n};\n"],"names":[],"mappings":";;;;;;AAUO;AAGL;AAEA;AAAW;AAEX;AAYF;;"}
|