🚸 Add comment to indicate can sort by columns on admin page

ducompsoc · Oct 28, 2024 · bde4a11 · bde4a11
1 parent 1bc7312
commit bde4a11
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/client/src/components/admin/AdminToolbar.tsx b/client/src/components/admin/AdminToolbar.tsx
@@ -5,7 +5,7 @@ import FlagsPopup from './FlagsPopup';
 const AdminToolbar = (props: { showProjects: boolean }) => {
     const [showFlags, setShowFlags] = useState(false);
     return (
-        <div className="flex flex-row px-8 py-4">
+        <div className="flex flex-row px-8 py-4 items-center">
             <div>
                 {props.showProjects && (
                     <Button
@@ -37,7 +37,10 @@ const AdminToolbar = (props: { showProjects: boolean }) => {
                     </Button>
                 )}
             </div>
-            {showFlags && <FlagsPopup close={setShowFlags} />}
+            <div className="ml-4 italic">
+                Click on headings to sort by that column.
+            </div>
+            {showFlags && <FlagsPopup close={setShowFlags}/>}
         </div>
     );
 };