- Merge branch 'staging'

- Add command to reset total questions asked at the beginning of the month.

Author: jringeisen

app/Console/Commands/ResetQuestions.php

@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Console\Commands;
+
+use App\Models\User;
+use Illuminate\Console\Command;
+
+class ResetQuestions extends Command
+{
+    protected $signature = 'venture:reset-questions';
+
+    protected $description = 'This command resets the total questions asked column each month, giving the user 20 free questions to ask each month.';
+
+    public function handle()
+    {
+        User::whereNull('parent_id')->chunk(100, function ($users) {
+            foreach ($users as $user) {
+                $startOfMonth = now($user->timezone)->startOfMonth();
+
+                if ($startOfMonth->isToday()) {
+                    $user->update([
+                        'total_questions_asked' => 0,
+                    ]);
+                }
+            }
+        });
+    }
+}

app/Console/Kernel.php

@@ -8,17 +8,12 @@
 
 class Kernel extends ConsoleKernel
 {
-    /**
-     * Define the application's command schedule.
-     */
     protected function schedule(Schedule $schedule): void
     {
         $schedule->job(new CleanUpActiveTime())->everyMinute();
+        $schedule->command('venture:reset-questions')->dailyAt('00:05');
     }
 
-    /**
-     * Register the commands for the application.
-     */
     protected function commands(): void
     {
         $this->load(__DIR__.'/Commands');

resources/js/Layouts/AuthenticatedLayout.vue

@@ -319,6 +319,8 @@ const isOnboarding = () => {
 };
 
 const getQueryStatus = () => {
+    if (isServer) return;
+
     return new URLSearchParams(window.location.search).get('status');
 };
 

resources/js/Pages/Dashboard.vue

@@ -138,16 +138,18 @@ const isDarkMode = ref(false);
 onMounted(() => {
     isClient.value = true;
 
-    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
-        isDarkMode.value = e.matches;
-        chartOptions.value = {
-            title: {
-                style: {
-                    color: e.matches ? '#a3a3a3' : '#0a0a0a',
+    if (isClient.value) {
+        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
+            isDarkMode.value = e.matches;
+            chartOptions.value = {
+                title: {
+                    style: {
+                        color: e.matches ? '#a3a3a3' : '#0a0a0a',
+                    }
                 }
             }
-        }
-    });
+        });
+    }
 });
 
 const series = ref([

resources/js/Pages/Student/Dashboard.vue

@@ -213,16 +213,18 @@ const isDarkMode = ref(false);
 onMounted(() => {
     isClient.value = true;
 
-    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
-        isDarkMode.value = e.matches;
-        chartOptions.value = {
-            title: {
-                style: {
-                    color: e.matches ? '#a3a3a3' : '#0a0a0a',
+    if (isClient.value) {
+        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
+            isDarkMode.value = e.matches;
+            chartOptions.value = {
+                title: {
+                    style: {
+                        color: e.matches ? '#a3a3a3' : '#0a0a0a',
+                    }
                 }
             }
-        }
-    });
+        });
+    }
 });
 
 const series = ref([

resources/js/Pages/Teachers/Students/Create.vue

@@ -123,6 +123,8 @@ const form = useForm({
     timezone: '',
 });
 
+const isServer = typeof window === 'undefined'
+
 const submit = () => {
     form.transform((data) => ({
         ...data,
@@ -140,6 +142,8 @@ const isOnboarding = () => {
 };
 
 const getQueryStatus = () => {
+    if (isServer) return;
+
     return new URLSearchParams(window.location.search).get('status');
 };
 </script>

resources/js/Pages/Teachers/Students/Show.vue

@@ -204,16 +204,18 @@ const handleTimeframeChange = () => {
 onMounted(() => {
     isClient.value = true;
 
-    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
-        isDarkMode.value = e.matches;
-        chartOptions.value = {
-            title: {
-                style: {
-                    color: e.matches ? '#a3a3a3' : '#0a0a0a',
+    if (isClient.value) {
+        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
+            isDarkMode.value = e.matches;
+            chartOptions.value = {
+                title: {
+                    style: {
+                        color: e.matches ? '#a3a3a3' : '#0a0a0a',
+                    }
                 }
             }
-        }
-    });
+        });
+    }
 });
 
 const series = ref([