progress with chart data

Author: Logannford

src/actions/statistics/get-stats-chart-data.ts

@@ -26,13 +26,12 @@ export const getStatsChartData = async (opts: {
       userUid,
       createdAt: {
         gte: new Date(from),
-        lte: new Date(to)
+        lte: new Date('2024-12-31')
       }
     },
     include: {
       question: {
         select: {
-          createdAt: true,
           tags: {
             include: {
               tag: true
@@ -46,7 +45,8 @@ export const getStatsChartData = async (opts: {
   const data: StatsChartData = {};
 
   questions.forEach((answer) => {
-    const month = answer.question.createdAt.toISOString().slice(0, 7);
+    console.log(answer.createdAt);
+    const month = answer.createdAt.toISOString().slice(0, 7);
     const tags = answer.question.tags.map((tag) => tag.tag.name);
 
     if (data[month]) {
@@ -63,6 +63,8 @@ export const getStatsChartData = async (opts: {
     }
   });
 
+  console.log(data['2024-12']);
+
   revalidateTag('statistics');
 
   return data;

src/app/(dashboard)/(default_layout)/statistics/page.tsx

@@ -52,6 +52,7 @@ export default async function StatisticsPage() {
       <div className="grid grid-cols-12 gap-y-4 gap-x-8">
         {totalQuestions ? (
           <TotalStatsCard
+            className="-left-3 relative"
             header={Number(totalQuestions)}
             description="Total Questions Answered"
           />

src/components/statistics/total-stats-card.tsx

@@ -38,7 +38,7 @@ export default function TotalStatsCard({
       <CardHeader className="p-3">
         <CardTitle className="text-white">
           <div className="flex items-center justify-between">
-            <span className="text-2xl lg:text-4xl font-bold text-white">
+            <span className="text-2xl lg:text-4xl font-bold">
               {typeof header === 'number' ? (
                 <NumberFlow
                   className="p-0"
@@ -51,7 +51,12 @@ export default function TotalStatsCard({
           </div>
         </CardTitle>
       </CardHeader>
-      <CardContent className="text-white text-sm p-3 pt-0">
+      <CardContent
+        className={cn(
+          'relative text-gray-400 text-sm p-3 pt-0',
+          typeof header === 'number' ? '-top-3' : ''
+        )}
+      >
         {description}
       </CardContent>
     </Card>