restoring up and down chevrons (#1690)

mitodl · Oct 16, 2024 · 885f40c · 885f40c
1 parent f0211ef
commit 885f40c
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/frontends/main/src/page-components/SearchDisplay/SearchDisplay.tsx b/frontends/main/src/page-components/SearchDisplay/SearchDisplay.tsx
@@ -22,6 +22,8 @@ import {
   RiArrowLeftLine,
   RiArrowRightLine,
   RiEqualizerLine,
+  RiArrowUpSLine,
+  RiArrowDownSLine,
 } from "@remixicon/react"
 
 import {
@@ -690,8 +692,6 @@ const SearchDisplay: React.FC<SearchDisplayProps> = ({
     expandAdminOptions,
     setExpandAdminOptions,
   ) => {
-    const titleLineIcon = expandAdminOptions ? "expand_less" : "expand_more"
-
     return (
       <div
         className={`facets admin-facet base-facet${expandAdminOptions ? " facets-expanded" : ""}`}
@@ -703,8 +703,8 @@ const SearchDisplay: React.FC<SearchDisplayProps> = ({
           onClick={() => setExpandAdminOptions(!expandAdminOptions)}
         >
           Admin Options
-          <i className={`material-icons ${titleLineIcon}`} aria-hidden="true">
-            {titleLineIcon}
+          <i aria-hidden="true">
+            {expandAdminOptions ? <RiArrowUpSLine /> : <RiArrowDownSLine />}
           </i>
         </button>
         {expandAdminOptions ? (