refactor: update draft status icon

openedx · Mar 19, 2024 · ecf01cd · ecf01cd
1 parent a75dfbd
commit ecf01cd
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/src/course-outline/utils.jsx b/src/course-outline/utils.jsx
@@ -1,9 +1,9 @@
 import {
   CheckCircle as CheckCircleIcon,
   Lock as LockIcon,
-  EditOutline as EditOutlineIcon,
 } from '@openedx/paragon/icons';
 
+import DraftIcon from '../generic/DraftIcon';
 import { ITEM_BADGE_STATUS, VIDEO_SHARING_OPTIONS } from './constants';
 import { VisibilityTypes } from '../data/constants';
 
@@ -69,12 +69,12 @@ const getItemStatusBadgeContent = (status, messages, intl) => {
   case ITEM_BADGE_STATUS.unpublishedChanges:
     return {
       badgeTitle: intl.formatMessage(messages.statusBadgeUnpublishedChanges),
-      badgeIcon: EditOutlineIcon,
+      badgeIcon: DraftIcon,
     };
   case ITEM_BADGE_STATUS.draft:
     return {
       badgeTitle: intl.formatMessage(messages.statusBadgeDraft),
-      badgeIcon: EditOutlineIcon,
+      badgeIcon: DraftIcon,
     };
   default:
     return {

diff --git a/src/generic/DraftIcon.jsx b/src/generic/DraftIcon.jsx
@@ -0,0 +1,18 @@
+import React from 'react';
+
+const DraftIcon = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 -960 960 960"
+    {...props}
+  >
+    <path
+      d="M240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+export default DraftIcon;