Combine the two conditional renderings

ScottyLabs · Nov 5, 2024 · bf44bc8 · bf44bc8
1 parent 24a5b4a
commit bf44bc8
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/apps/frontend/src/components/ScheduleData.tsx b/apps/frontend/src/components/ScheduleData.tsx
@@ -103,14 +103,15 @@ const ScheduleData = ({ scheduled }: ScheduleDataProps) => {
               >
                 <div className="hidden items-center md:flex">
                   {open ? (
-                    <div className="mr-1">Hide</div>
+                    <>
+                      <div className="mr-1">Hide</div>
+                      <ChevronUpIcon className="h-5 w-5" />
+                    </>
                   ) : (
-                    <div className="mr-1">Show</div>
-                  )}
-                  {open ? (
-                    <ChevronUpIcon className="h-5 w-5" />
-                  ) : (
-                    <ChevronDownIcon className="h-5 w-5" />
+                    <>
+                      <div className="mr-1">Show</div>
+                      <ChevronDownIcon className="h-5 w-5" />
+                    </>
                   )}
                 </div>
               </FlushedButton>