Merge pull request #56 from fribyte-code/mathias/admin-sort-by-points

🚀 Show points in admin task table + sort
fribyte-code · Feb 23, 2024 · 0bfc8cc · 0bfc8cc
2 parents 1601649 + 40f1d79
commit 0bfc8cc
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/frontend/src/pages/Admin.module.css b/frontend/src/pages/Admin.module.css
@@ -6,3 +6,7 @@
     }
   }
 }
+
+[role="button"] {
+  cursor: pointer;
+}
diff --git a/frontend/src/pages/Admin.tsx b/frontend/src/pages/Admin.tsx
@@ -266,8 +266,21 @@ export default function Admin() {
           <table className={style.adminTable}>
             <thead>
               <tr>
-                <th onClick={(e) => handleClickSortProp("name")}>Name</th>
-                <th>Category</th>
+                <th role="button" onClick={(e) => handleClickSortProp("name")}>
+                  Name
+                </th>
+                <th
+                  role="button"
+                  onClick={(e) => handleClickSortProp("category")}
+                >
+                  Category
+                </th>
+                <th
+                  role="button"
+                  onClick={(e) => handleClickSortProp("points")}
+                >
+                  Points
+                </th>
                 <th>Actions</th>
               </tr>
             </thead>
@@ -279,6 +292,7 @@ export default function Admin() {
                       <tr>
                         <td>{t.name}</td>
                         <td>{t.category ?? "Other"}</td>
+                        <td>{t.points}</td>
                         <td>
                           <button
                             className="button solid"