From 32348dd6f1dd753127388fef957065f3921edd69 Mon Sep 17 00:00:00 2001
From: Ephraim Atta-Duncan <ephraimduncan68@gmail.com>
Date: Mon, 8 Apr 2024 17:26:25 +0000
Subject: [PATCH] fix: pr review changes

---
 .../web/src/app/(dashboard)/admin/stats/page.tsx | 16 ++++------------
 .../stats/user-with-document-cummulative.tsx     |  2 +-
 .../admin/stats/user-with-document.tsx           |  2 +-
 3 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/apps/web/src/app/(dashboard)/admin/stats/page.tsx b/apps/web/src/app/(dashboard)/admin/stats/page.tsx
index eb17a405f..cb2ead970 100644
--- a/apps/web/src/app/(dashboard)/admin/stats/page.tsx
+++ b/apps/web/src/app/(dashboard)/admin/stats/page.tsx
@@ -60,7 +60,6 @@ export default async function AdminStatsPage() {
         <CardMetric icon={UserPlus2} title="App Version" value={`v${process.env.APP_VERSION}`} />
       </div>
 
-      {/* TODO: remove grid and see something */}
       <div className="mt-16 gap-8">
         <div>
           <h3 className="text-3xl font-semibold">User metrics</h3>
@@ -68,12 +67,12 @@ export default async function AdminStatsPage() {
           <div className="mb-8 mt-4 grid flex-1 grid-cols-1 gap-4 md:grid-cols-2">
             <CardMetric
               icon={File}
-              title="Users with document in the last month"
+              title="Users who sent one or more documents in the past month"
               value={userWithAtLeastOneDocumentPerMonth}
             />
             <CardMetric
               icon={File}
-              title="Users with signed document in the last month"
+              title="Users who sent one or more documents in the past month"
               value={userWithAtLeastOneDocumentSignedPerMonth}
             />
           </div>
@@ -83,7 +82,6 @@ export default async function AdminStatsPage() {
           <h3 className="text-3xl font-semibold">Document metrics</h3>
 
           <div className="mb-8 mt-4 grid flex-1 grid-cols-1 gap-4 md:grid-cols-2">
-            {/* <CardMetric icon={File} title="Total Documents" value={docStats.ALL} /> */}
             <CardMetric icon={FileEdit} title="Drafted Documents" value={docStats.DRAFT} />
             <CardMetric icon={FileClock} title="Pending Documents" value={docStats.PENDING} />
             <CardMetric icon={FileCheck} title="Completed Documents" value={docStats.COMPLETED} />
@@ -109,15 +107,9 @@ export default async function AdminStatsPage() {
       <div className="mt-16">
         <h3 className="text-3xl font-semibold">User Charts</h3>
 
-        <UserWithDocumentChart
-          data={MONTHLY_USERS_SIGNED}
-          className="col-span-12 mb-8 mt-4 lg:col-span-6"
-        />
+        <UserWithDocumentChart data={MONTHLY_USERS_SIGNED} className="mb-8 mt-4" />
 
-        <UserWithDocumentCummulativeChart
-          data={MONTHLY_USERS_SIGNED}
-          className="col-span-12 mb-8 mt-4 lg:col-span-6"
-        />
+        <UserWithDocumentCummulativeChart data={MONTHLY_USERS_SIGNED} className="mb-8 mt-4" />
       </div>
     </div>
   );
diff --git a/apps/web/src/app/(dashboard)/admin/stats/user-with-document-cummulative.tsx b/apps/web/src/app/(dashboard)/admin/stats/user-with-document-cummulative.tsx
index cfb94e1f7..96d2fa775 100644
--- a/apps/web/src/app/(dashboard)/admin/stats/user-with-document-cummulative.tsx
+++ b/apps/web/src/app/(dashboard)/admin/stats/user-with-document-cummulative.tsx
@@ -18,7 +18,7 @@ export const UserWithDocumentCummulativeChart = ({
     .reverse()
     .map(({ month, cume_count: count, cume_signed_count: signed_count }) => {
       return {
-        month: DateTime.fromFormat(month, 'yyyy-MM').toFormat('LLLL'),
+        month: DateTime.fromFormat(month, 'yyyy-MM').toFormat('LLL'),
         count: Number(count),
         signed_count: Number(signed_count),
       };
diff --git a/apps/web/src/app/(dashboard)/admin/stats/user-with-document.tsx b/apps/web/src/app/(dashboard)/admin/stats/user-with-document.tsx
index 98858a386..5ecb934f1 100644
--- a/apps/web/src/app/(dashboard)/admin/stats/user-with-document.tsx
+++ b/apps/web/src/app/(dashboard)/admin/stats/user-with-document.tsx
@@ -13,7 +13,7 @@ export type UserWithDocumentChartProps = {
 export const UserWithDocumentChart = ({ className, data }: UserWithDocumentChartProps) => {
   const formattedData = [...data].reverse().map(({ month, count, signed_count }) => {
     return {
-      month: DateTime.fromFormat(month, 'yyyy-MM').toFormat('LLLL'),
+      month: DateTime.fromFormat(month, 'yyyy-MM').toFormat('LLL'),
       count: Number(count),
       signed_count: Number(signed_count),
     };