feat(saas): Admin dash current active subs

alifarooq9 · May 2, 2024 · 0f90bc3 · 0f90bc3
1 parent 0151175
commit 0f90bc3
Showing 1 changed file with 19 additions and 3 deletions.
diff --git 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">