From b311b11785b96cc9599dff6f1f20983808896a81 Mon Sep 17 00:00:00 2001
From: mbecker20 <becker.maxh@gmail.com>
Date: Sat, 18 May 2024 00:05:44 -0700
Subject: [PATCH] label recents

---
 frontend/src/pages/home/dashboard2.tsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/home/dashboard2.tsx b/frontend/src/pages/home/dashboard2.tsx
index d1fe70bca..e86d4df6f 100644
--- a/frontend/src/pages/home/dashboard2.tsx
+++ b/frontend/src/pages/home/dashboard2.tsx
@@ -6,6 +6,7 @@ import { AllUpdates } from "@components/updates/resource";
 import { useRead, useUser } from "@lib/hooks";
 import { UsableResource } from "@types";
 import { Separator } from "@ui/separator";
+import { History } from "lucide-react";
 
 export const Dashboard = () => {
   return (
@@ -41,10 +42,16 @@ const ResourceRow = ({ type }: { type: UsableResource }) => {
       <div className="py-2">
         <Separator orientation="vertical" />
       </div>
-      <div className="grid grid-cols-3 grid-rows-2 gap-4 w-full">
-        {ids.map((id: string) => (
-          <RecentCard key={type + id} type={type} id={id} />
-        ))}
+      <div className="flex flex-col gap-4 w-full pb-1">
+        <div className="flex gap-2 items-center text-muted-foreground">
+          <History className="w-4 h-4" />
+          <h3>Recent {type}s</h3>
+        </div>
+        <div className="grid grid-cols-3 grid-rows-2 gap-4 w-full h-full">
+          {ids.map((id: string) => (
+            <RecentCard key={type + id} type={type} id={id} />
+          ))}
+        </div>
       </div>
     </div>
   );