feat: modal actions

feat: Actions
openedx · Nov 2, 2023 · aedd210 · aedd210
2 parents c0890f9 + 39e2595
commit aedd210
Show file tree

Hide file tree

Showing 50 changed files with 901 additions and 792 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -68,7 +68,8 @@
     "redux-devtools-extension": "^2.13.9",
     "redux-logger": "^3.0.6",
     "regenerator-runtime": "0.14.0",
-    "tinymce": "5.10.8"
+    "tinymce": "5.10.8",
+    "uuid": "^9.0.1"
   },
   "devDependencies": {
     "@edx/browserslist-config": "^1.1.1",

diff --git a/...llapsibleFeedback/AssessmentCriterion.jsx → ...eadonlyAssessment/AssessmentCriterion.jsx b/...llapsibleFeedback/AssessmentCriterion.jsx → ...eadonlyAssessment/AssessmentCriterion.jsx
diff --git a/...llapsibleFeedback/CollapsibleFeedback.jsx → ...donlyAssessment/CollapsibleAssessment.jsx b/...llapsibleFeedback/CollapsibleFeedback.jsx → ...donlyAssessment/CollapsibleAssessment.jsx
@@ -5,36 +5,45 @@ import { Collapsible } from '@edx/paragon';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import messages from './messages';
 
-const CollapsibleFeedback = ({ children, stepScore, stepLabel, defaultOpen }) => {
+const CollapsibleAssessment = ({
+  children,
+  stepScore,
+  stepLabel,
+  defaultOpen,
+}) => {
   const { formatMessage } = useIntl();
   const [open, setOpen] = React.useState(defaultOpen);
-
   const toggle = () => setOpen(!open);
 
   return (
     <Collapsible
-      title={
+      title={(
         <h3>
-          {formatMessage(messages.grade, { stepLabel })}
+          {formatMessage(
+            stepScore ? messages.grade : messages.unweightedGrade,
+            { stepLabel },
+          )}
           {stepScore && formatMessage(messages.gradePoints, stepScore)}
         </h3>
-      }
+      )}
       open={open}
       onToggle={toggle}
     >
       {children}
     </Collapsible>
   );
 };
-CollapsibleFeedback.defaultProps = {};
-CollapsibleFeedback.propTypes = {
+CollapsibleAssessment.defaultProps = {
+  defaultOpen: false,
+};
+CollapsibleAssessment.propTypes = {
   stepLabel: PropTypes.string.isRequired,
   stepScore: PropTypes.shape({
     earned: PropTypes.number,
     possible: PropTypes.number,
-  }),
+  }).isRequired,
   children: PropTypes.node.isRequired,
   defaultOpen: PropTypes.bool,
 };
 
-export default CollapsibleFeedback;
+export default CollapsibleAssessment;