@selfcommunity/react-ui 0.10.2-courses.109 → 0.10.2-courses.111
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/Course/Course.js +1 -1
- package/lib/cjs/components/EditCourse/EditCourse.d.ts +1 -1
- package/lib/cjs/components/EditCourse/EditCourse.js +2 -2
- package/lib/esm/components/Course/Course.js +1 -1
- package/lib/esm/components/EditCourse/EditCourse.d.ts +1 -1
- package/lib/esm/components/EditCourse/EditCourse.js +2 -2
- package/lib/umd/react-ui.js +1 -1
- package/package.json +8 -8
|
@@ -162,7 +162,7 @@ function Course(inProps) {
|
|
|
162
162
|
? 'primary'
|
|
163
163
|
: isCourseAdmin && !scCourse.privacy
|
|
164
164
|
? 'default'
|
|
165
|
-
: 'secondary', label: chipLabel, className: classes.chip })), (0, jsx_runtime_1.jsx)(material_1.Avatar, { alt: scCourse.name, src: scCourse.
|
|
165
|
+
: 'secondary', label: chipLabel, className: classes.chip })), (0, jsx_runtime_1.jsx)(material_1.Avatar, { alt: scCourse.name, src: scCourse.created_by.avatar, className: classes.previewAvatar })] })), (0, jsx_runtime_1.jsxs)(material_1.CardContent, Object.assign({ className: classes.previewContent }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2", className: classes.previewCreator }, { children: scCourse.created_by.username })), (0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({ to: scRoutingContext.url(react_core_1.SCRoutes.COURSE_ROUTE_NAME, scCourse), className: classes.previewNameWrapper }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h6", className: classes.previewName }, { children: scCourse.name })) })), (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ className: classes.previewInfo }, { children: [(0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: scCourse.privacy ? `ui.course.privacy.${scCourse.privacy}` : 'ui.course.privacy.draft', defaultMessage: scCourse.privacy ? `ui.course.privacy.${scCourse.privacy}` : 'ui.course.privacy.draft' }), "-", (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: `ui.course.type.${scCourse.type}`, defaultMessage: `ui.course.type.${scCourse.type}` })] })), (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.previewCategory }, { children: scCourse.categories.map((category) => ((0, jsx_runtime_1.jsx)(material_1.Chip, { size: "small", label: category.name }, category.id))) })), (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.previewProgress }, { children: renderProgress() }))] })), actions !== null && actions !== void 0 ? actions : ((0, jsx_runtime_1.jsx)(material_1.CardActions, Object.assign({ className: classes.previewActions }, { children: !scCourse.join_status ? ((0, jsx_runtime_1.jsx)(CourseJoinButton_1.default, { course: scCourse, onJoin: handleJoinCourse })) : ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "outlined", size: "small", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.COURSE_ROUTE_NAME, scCourse) }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { defaultMessage: "ui.course.see.preview", id: "ui.course.see.preview" }) }))) })))] })));
|
|
166
166
|
}
|
|
167
167
|
else {
|
|
168
168
|
contentObj = ((0, jsx_runtime_1.jsx)(SnippetRoot, { elevation: 0, className: classes.snippetRoot, image: (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.snippetImage }, { children: [(0, jsx_runtime_1.jsx)(material_1.Avatar, { variant: "square", alt: scCourse.name, src: scCourse.image_medium, className: classes.snippetAvatar }), (isCourseAdmin || (0, course_2.isCourseCompleted)(scCourse) || (0, course_2.isCourseNew)(scCourse)) && ((0, jsx_runtime_1.jsx)(material_1.Chip, { size: "small", component: "div", color: (0, course_2.isCourseCompleted)(scCourse) || (isCourseAdmin && scCourse.privacy)
|
|
@@ -4,7 +4,7 @@ import { SCCourseEditTabType } from '../../types/course';
|
|
|
4
4
|
export interface EditCourseProps {
|
|
5
5
|
courseId?: number;
|
|
6
6
|
course?: SCCourseType;
|
|
7
|
-
|
|
7
|
+
tab: SCCourseEditTabType;
|
|
8
8
|
onTabChange: (page: SCCourseEditTabType) => void;
|
|
9
9
|
className?: HTMLAttributes<HTMLDivElement>['className'];
|
|
10
10
|
[p: string]: any;
|
|
@@ -80,9 +80,9 @@ function EditCourse(inProps) {
|
|
|
80
80
|
props: inProps,
|
|
81
81
|
name: constants_1.PREFIX
|
|
82
82
|
});
|
|
83
|
-
const { courseId, course,
|
|
83
|
+
const { courseId, course, tab, onTabChange, className } = props, rest = tslib_1.__rest(props, ["courseId", "course", "tab", "onTabChange", "className"]);
|
|
84
84
|
// STATES
|
|
85
|
-
const [tabValue, setTabValue] = (0, react_1.useState)(types_1.TabContentEnum[`${
|
|
85
|
+
const [tabValue, setTabValue] = (0, react_1.useState)(types_1.TabContentEnum[`${tab.toUpperCase()}`]);
|
|
86
86
|
// CONTEXTS
|
|
87
87
|
const scRoutingContext = (0, react_core_1.useSCRouting)();
|
|
88
88
|
// HOOKS
|
|
@@ -160,7 +160,7 @@ export default function Course(inProps) {
|
|
|
160
160
|
? 'primary'
|
|
161
161
|
: isCourseAdmin && !scCourse.privacy
|
|
162
162
|
? 'default'
|
|
163
|
-
: 'secondary', label: chipLabel, className: classes.chip })), _jsx(Avatar, { alt: scCourse.name, src: scCourse.
|
|
163
|
+
: 'secondary', label: chipLabel, className: classes.chip })), _jsx(Avatar, { alt: scCourse.name, src: scCourse.created_by.avatar, className: classes.previewAvatar })] })), _jsxs(CardContent, Object.assign({ className: classes.previewContent }, { children: [_jsx(Typography, Object.assign({ variant: "body2", className: classes.previewCreator }, { children: scCourse.created_by.username })), _jsx(Link, Object.assign({ to: scRoutingContext.url(SCRoutes.COURSE_ROUTE_NAME, scCourse), className: classes.previewNameWrapper }, { children: _jsx(Typography, Object.assign({ variant: "h6", className: classes.previewName }, { children: scCourse.name })) })), _jsxs(Typography, Object.assign({ className: classes.previewInfo }, { children: [_jsx(FormattedMessage, { id: scCourse.privacy ? `ui.course.privacy.${scCourse.privacy}` : 'ui.course.privacy.draft', defaultMessage: scCourse.privacy ? `ui.course.privacy.${scCourse.privacy}` : 'ui.course.privacy.draft' }), "-", _jsx(FormattedMessage, { id: `ui.course.type.${scCourse.type}`, defaultMessage: `ui.course.type.${scCourse.type}` })] })), _jsx(Box, Object.assign({ className: classes.previewCategory }, { children: scCourse.categories.map((category) => (_jsx(Chip, { size: "small", label: category.name }, category.id))) })), _jsx(Box, Object.assign({ className: classes.previewProgress }, { children: renderProgress() }))] })), actions !== null && actions !== void 0 ? actions : (_jsx(CardActions, Object.assign({ className: classes.previewActions }, { children: !scCourse.join_status ? (_jsx(CourseJoinButton, { course: scCourse, onJoin: handleJoinCourse })) : (_jsx(Button, Object.assign({ variant: "outlined", size: "small", component: Link, to: scRoutingContext.url(SCRoutes.COURSE_ROUTE_NAME, scCourse) }, { children: _jsx(FormattedMessage, { defaultMessage: "ui.course.see.preview", id: "ui.course.see.preview" }) }))) })))] })));
|
|
164
164
|
}
|
|
165
165
|
else {
|
|
166
166
|
contentObj = (_jsx(SnippetRoot, { elevation: 0, className: classes.snippetRoot, image: _jsxs(Box, Object.assign({ className: classes.snippetImage }, { children: [_jsx(Avatar, { variant: "square", alt: scCourse.name, src: scCourse.image_medium, className: classes.snippetAvatar }), (isCourseAdmin || isCourseCompleted(scCourse) || isCourseNew(scCourse)) && (_jsx(Chip, { size: "small", component: "div", color: isCourseCompleted(scCourse) || (isCourseAdmin && scCourse.privacy)
|
|
@@ -4,7 +4,7 @@ import { SCCourseEditTabType } from '../../types/course';
|
|
|
4
4
|
export interface EditCourseProps {
|
|
5
5
|
courseId?: number;
|
|
6
6
|
course?: SCCourseType;
|
|
7
|
-
|
|
7
|
+
tab: SCCourseEditTabType;
|
|
8
8
|
onTabChange: (page: SCCourseEditTabType) => void;
|
|
9
9
|
className?: HTMLAttributes<HTMLDivElement>['className'];
|
|
10
10
|
[p: string]: any;
|
|
@@ -78,9 +78,9 @@ export default function EditCourse(inProps) {
|
|
|
78
78
|
props: inProps,
|
|
79
79
|
name: PREFIX
|
|
80
80
|
});
|
|
81
|
-
const { courseId, course,
|
|
81
|
+
const { courseId, course, tab, onTabChange, className } = props, rest = __rest(props, ["courseId", "course", "tab", "onTabChange", "className"]);
|
|
82
82
|
// STATES
|
|
83
|
-
const [tabValue, setTabValue] = useState(TabContentEnum[`${
|
|
83
|
+
const [tabValue, setTabValue] = useState(TabContentEnum[`${tab.toUpperCase()}`]);
|
|
84
84
|
// CONTEXTS
|
|
85
85
|
const scRoutingContext = useSCRouting();
|
|
86
86
|
// HOOKS
|