From bde4a110b5e197ff78aab0d0c7cd8671e0688340 Mon Sep 17 00:00:00 2001
From: Luca <30503695+tameTNT@users.noreply.github.com>
Date: Mon, 28 Oct 2024 23:16:28 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20Add=20comment=20to=20indicate=20?=
 =?UTF-8?q?can=20sort=20by=20columns=20on=20admin=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/admin/AdminToolbar.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/client/src/components/admin/AdminToolbar.tsx b/client/src/components/admin/AdminToolbar.tsx
index 7e503fb..1e356c9 100644
--- 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>
     );
 };