From 0f90bc3e3e37225f1242e2fedc5d5a6e6c9c34bc Mon Sep 17 00:00:00 2001
From: Ali Farooq <Alimuhammadfc5@gmail.com>
Date: Thu, 2 May 2024 22:18:49 +0500
Subject: [PATCH] feat(saas): Admin dash current active subs

---
 .../src/app/(app)/admin/dashboard/page.tsx    | 22 ++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/starterkits/saas/src/app/(app)/admin/dashboard/page.tsx b/starterkits/saas/src/app/(app)/admin/dashboard/page.tsx
index 62d59bf..df7c258 100644
--- a/starterkits/saas/src/app/(app)/admin/dashboard/page.tsx
+++ b/starterkits/saas/src/app/(app)/admin/dashboard/page.tsx
@@ -7,7 +7,12 @@ import { siteUrls } from "@/config/urls";
 import { cn } from "@/lib/utils";
 import { getSubscriptionsCount } from "@/server/actions/plans/query";
 import { getUsersCount } from "@/server/actions/user/queries";
-import { DollarSignIcon, Users2Icon } from "lucide-react";
+import {
+    DollarSignIcon,
+    UserRoundCheckIcon,
+    UserRoundPlusIcon,
+    Users2Icon,
+} from "lucide-react";
 import Link from "next/link";
 
 export default async function AdminDashPage() {
@@ -16,6 +21,10 @@ export default async function AdminDashPage() {
 
     const subscriptionsCountData = await getSubscriptionsCount({});
 
+    const activeSubscriptionsCountData = await getSubscriptionsCount({
+        status: "active",
+    });
+
     return (
         <AppPageShell
             title={adminDashConfig.title}
@@ -39,7 +48,7 @@ export default async function AdminDashPage() {
                     </Link>
                 </p>
 
-                <div className="grid grid-cols-3 gap-4">
+                <div className="grid grid-cols-4 gap-4">
                     <StatsCard
                         title="Users"
                         value={String(usersCountData.totalCount)}
@@ -57,9 +66,16 @@ export default async function AdminDashPage() {
                     <StatsCard
                         title="Subscriptions"
                         value={String(subscriptionsCountData.totalCount)}
-                        Icon={DollarSignIcon}
+                        Icon={UserRoundPlusIcon}
                         subText="Total subscriptions made"
                     />
+
+                    <StatsCard
+                        title="Active Subscriptions"
+                        value={String(activeSubscriptionsCountData.totalCount)}
+                        Icon={UserRoundCheckIcon}
+                        subText="Current active subscriptions"
+                    />
                 </div>
 
                 <div className="grid grid-cols-2 gap-4">