From 2f3cc204bdbd24b2160c3c283b01450aea97bb71 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Mon, 10 Feb 2025 09:52:01 -0600
Subject: [PATCH] Move admin insights into dedicated component

---
 src/admin/AdminAppInsights.tsx  | 42 +++++++++++++++++++++++++++++++++
 src/app/admin/insights/page.tsx | 39 ++----------------------------
 2 files changed, 44 insertions(+), 37 deletions(-)
 create mode 100644 src/admin/AdminAppInsights.tsx

diff --git a/src/admin/AdminAppInsights.tsx b/src/admin/AdminAppInsights.tsx
new file mode 100644
index 00000000..5148b3de
--- /dev/null
+++ b/src/admin/AdminAppInsights.tsx
@@ -0,0 +1,42 @@
+import { dateRangeForPhotos } from '@/photo';
+import {
+  getPhotosMeta,
+  getUniqueCameras,
+  getUniqueTags,
+} from '@/photo/db/query';
+
+export default async function AdminAppInsights() {
+  const [
+    { count, dateRange },
+    tags,
+    cameras,
+  ]= await Promise.all([
+    getPhotosMeta(),
+    getUniqueTags(),
+    getUniqueCameras(),
+  ]);
+
+  const { start, end } = dateRangeForPhotos(undefined, dateRange);
+  
+  return (
+    <div className="flex flex-col justify-center gap-4 *:text-center">
+      <div className="font-bold uppercase text-main">
+        Photo library
+      </div>
+      <div>
+        {count} photos
+      </div>
+      <div>
+        {tags.length} tags
+      </div>
+      <div>
+        {cameras.length} cameras
+      </div>
+      <span className="text-dim uppercase">
+        {start === end
+          ? start
+          : <>{end} – {start}</>}
+      </span>
+    </div>
+  );
+}
diff --git a/src/app/admin/insights/page.tsx b/src/app/admin/insights/page.tsx
index 7b7887b3..7a4d30f7 100644
--- a/src/app/admin/insights/page.tsx
+++ b/src/app/admin/insights/page.tsx
@@ -1,49 +1,14 @@
+import AdminAppInsights from '@/admin/AdminAppInsights';
 import AdminInfoPage from '@/admin/AdminInfoPage';
 import GitHubForkStatusBadge from '@/admin/github/GitHubForkStatusBadge';
-import { dateRangeForPhotos } from '@/photo';
-import {
-  getPhotosMeta,
-  getUniqueTags,
-  getUniqueCameras,
-} from '@/photo/db/query';
 import { IS_DEVELOPMENT, IS_VERCEL_GIT_PROVIDER_GITHUB } from '@/site/config';
 
 export default async function AdminInsightsPage() {
-  const [
-    { count, dateRange },
-    tags,
-    cameras,
-  ]= await Promise.all([
-    getPhotosMeta(),
-    getUniqueTags(),
-    getUniqueCameras(),
-  ]);
-
-  const { start, end } = dateRangeForPhotos(undefined, dateRange);
-
   return <AdminInfoPage
     title="App Insights"
     accessory={(IS_VERCEL_GIT_PROVIDER_GITHUB || IS_DEVELOPMENT) &&
       <GitHubForkStatusBadge />}
   >
-    <div className="flex flex-col justify-center gap-4 *:text-center">
-      <div className="font-bold uppercase text-main">
-        Photo library
-      </div>
-      <div>
-        {count} photos
-      </div>
-      <div>
-        {tags.length} tags
-      </div>
-      <div>
-        {cameras.length} cameras
-      </div>
-      <span className="text-dim uppercase">
-        {start === end
-          ? start
-          : <>{end} – {start}</>}
-      </span>
-    </div>
+    <AdminAppInsights />
   </AdminInfoPage>;
 }