feat: add transcripts with audio links

2026-05-09 10:25:14 +05:30
parent 52924096d1
commit 9eb2a06b50
21 changed files with 5482 additions and 48 deletions
@@ -0,0 +1,37 @@
+"use client";
+
+import Link from "next/link";
+import { cn } from "@/lib/utils";
+import { Calendar, MapPin, Mic } from "lucide-react";
+
+const views = [
+  { key: "year", label: "Year", icon: Calendar },
+  { key: "place", label: "Place", icon: MapPin },
+  { key: "type", label: "Type", icon: Mic },
+];
+
+export function TranscriptionsNav({ currentView }: { currentView: string }) {
+  return (
+    <div className="flex gap-2 border-b border-border pb-3">
+      {views.map((v) => {
+        const Icon = v.icon;
+        const isActive = currentView === v.key;
+        return (
+          <Link
+            key={v.key}
+            href={`/transcriptions?view=${v.key}`}
+            className={cn(
+              "flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-colors",
+              isActive
+                ? "bg-primary/10 text-primary"
+                : "text-muted-foreground hover:bg-muted hover:text-foreground",
+            )}
+          >
+            <Icon className="size-4" />
+            {v.label}
+          </Link>
+        );
+      })}
+    </div>
+  );
+}