🎉 Gitea Mirror: Added

src/components/dashboard/RecentActivity.tsx

@@ -0,0 +1,48 @@
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import type { MirrorJob } from "@/lib/db/schema";
+import { formatDate, getStatusColor } from "@/lib/utils";
+import { Button } from "../ui/button";
+
+interface RecentActivityProps {
+  activities: MirrorJob[];
+}
+
+export function RecentActivity({ activities }: RecentActivityProps) {
+  return (
+    <Card className="w-full">
+      <CardHeader className="flex flex-row items-center justify-between">
+        <CardTitle>Recent Activity</CardTitle>
+        <Button variant="outline" asChild>
+          <a href="/activity">View All</a>
+        </Button>
+      </CardHeader>
+      <CardContent className="max-h-[calc(100dvh-22.5rem)] overflow-y-auto">
+        <div className="flex flex-col divide-y divide-border">
+          {activities.length === 0 ? (
+            <p className="text-sm text-muted-foreground">No recent activity</p>
+          ) : (
+            activities.map((activity, index) => (
+              <div key={index} className="flex items-start gap-x-4 py-4">
+                <div className="relative mt-1">
+                  <div
+                    className={`h-2 w-2 rounded-full ${getStatusColor(
+                      activity.status
+                    )}`}
+                  />
+                </div>
+                <div className="flex-1 space-y-1">
+                  <p className="text-sm font-medium leading-none">
+                    {activity.message}
+                  </p>
+                  <p className="text-xs text-muted-foreground">
+                    {formatDate(activity.timestamp)}
+                  </p>
+                </div>
+              </div>
+            ))
+          )}
+        </div>
+      </CardContent>
+    </Card>
+  );
+}