chore: refactor settings route

2026-07-14 18:16:32 +05:30
parent 1683abc2e9
commit 1582df0ed5
134 changed files with 677 additions and 463 deletions
@@ -0,0 +1,44 @@
+"use client";
+
+import { Info } from "lucide-react";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+
+const TOOLTIP_TEXT =
+  "This is the number of extracted verse entries from Śrīla Prabhupāda's original translations and purports. Some consecutive verses are merged into a single entry (e.g. Texts 16–18), so the actual verse count in the original manuscript may differ.";
+
+export function ExtractedVerseCount({
+  count,
+  label = "verses",
+  className = "",
+}: {
+  count: number;
+  label?: string;
+  className?: string;
+}) {
+  return (
+    <span className={`inline-flex items-center gap-1 ${className}`}>
+      <span>
+        {count.toLocaleString()} {label}
+      </span>
+      <Tooltip>
+        <TooltipTrigger
+          onClick={(e) => {
+            e.preventDefault();
+            e.stopPropagation();
+          }}
+          className="inline-flex items-center justify-center opacity-50 hover:opacity-80 transition-opacity"
+          aria-label="About verse count"
+        >
+          <Info className="size-3.5" />
+        </TooltipTrigger>
+        <TooltipContent side="top" className="max-w-xs text-pretty">
+          {TOOLTIP_TEXT}
+        </TooltipContent>
+      </Tooltip>
+    </span>
+  );
+}