refactor: change expand-collapse arrows in outline

Set arrow down for expanded section/subsection and right arrow for collapsed items same as legacy
openedx · May 2, 2024 · 3dbfbb4 · 3dbfbb4
1 parent 65f45f7
commit 3dbfbb4
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/course-outline/card-header/TitleButton.jsx b/src/course-outline/card-header/TitleButton.jsx
@@ -8,7 +8,7 @@ import {
 } from '@openedx/paragon';
 import {
   ArrowDropDown as ArrowDownIcon,
-  ArrowDropUp as ArrowUpIcon,
+  ArrowRight as ArrowRightIcon,
 } from '@openedx/paragon/icons';
 import messages from './messages';
 
@@ -33,7 +33,7 @@ const TitleButton = ({
       )}
     >
       <Button
-        iconBefore={isExpanded ? ArrowUpIcon : ArrowDownIcon}
+        iconBefore={isExpanded ? ArrowDownIcon : ArrowRightIcon}
         variant="tertiary"
         data-testid={`${namePrefix}-card-header__expanded-btn`}
         className="item-card-header__title-btn"