refactor: code refactoring

raccoongang · Feb 27, 2024 · 6f9f90c · 6f9f90c
1 parent a6b4c25
commit 6f9f90c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/course-unit/course-sequence/CourseSequence.scss b/src/course-unit/course-sequence/CourseSequence.scss
@@ -35,7 +35,7 @@
     min-width: 0;
   }
 
-  .sequence-navigation-tabs .btn:not(.sequence-navigation-tabs-new-unit-btn) {
+  .sequence-navigation-tabs .btn:not(.sequence-navigation-tabs-action-btn) {
     flex-basis: 100%;
     min-width: 2rem;
   }
@@ -63,7 +63,7 @@
 
   .sequence-navigation-prev-btn,
   .sequence-navigation-next-btn,
-  .sequence-navigation-tabs-new-unit-btn {
+  .sequence-navigation-tabs-action-btn {
     min-width: 12.5rem;
   }
 

diff --git a/src/course-unit/course-sequence/sequence-navigation/SequenceNavigationTabs.jsx b/src/course-unit/course-sequence/sequence-navigation/SequenceNavigationTabs.jsx
@@ -1,7 +1,7 @@
 import { useDispatch, useSelector } from 'react-redux';
 import PropTypes from 'prop-types';
-import { Button, Dropdown } from '@edx/paragon';
-import { Plus as PlusIcon } from '@edx/paragon/icons';
+import { Button } from '@edx/paragon';
+import { Plus as PlusIcon, ContentPasteGo as ContentPasteGoIcon } from '@edx/paragon/icons';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import { useNavigate } from 'react-router-dom';
 
@@ -59,7 +59,7 @@ const SequenceNavigationTabs = ({
             />
           ))}
           <Button
-            className="sequence-navigation-tabs-new-unit-btn"
+            className="sequence-navigation-tabs-action-btn"
             variant="outline-primary"
             iconBefore={PlusIcon}
             onClick={handleAddNewSequenceUnit}
@@ -68,8 +68,9 @@ const SequenceNavigationTabs = ({
           </Button>
           {showPasteUnit && (
             <Button
+              className="sequence-navigation-tabs-action-btn"
               variant="outline-primary"
-              iconBefore={PlusIcon}
+              iconBefore={ContentPasteGoIcon}
               onClick={handlePasteNewSequenceUnit}
             >
               {intl.formatMessage(messages.pasteAsNewUnitLink)}