feat: add highlights to current date

Author: Awnder

src/components/ui/date-picker.tsx

@@ -71,6 +71,11 @@ const DatePicker = React.forwardRef<HTMLDivElement, DatePickerProps>(
                   selectedDate?.getDate() === day &&
                   selectedDate?.getMonth() === currentDate.getMonth() &&
                   selectedDate?.getFullYear() === currentDate.getFullYear(),
+              }, {
+                "hover:border-0 bg-primary/20": 
+                  new Date().getDate() === day && 
+                  new Date().getMonth() === currentDate.getMonth() && 
+                  new Date().getFullYear() === currentDate.getFullYear()
               }
             )}
             onClick={() => handleDateClick(day)}

src/pages/Dashboard.tsx

@@ -134,6 +134,13 @@ const Dashboard: React.FC = () => {
           });
         }
       }
+
+      if (!result.success && result.message === 'Invalid Date') {
+        toast.error("Invalid date selected", {
+          description: "Please select a valid date to start your streak.",
+        });
+      }
+
     } catch (error) {
       console.error('Error updating streak:', error);
       toast.error("Failed to set streak start date", {

src/utils/firebase.ts

@@ -318,14 +318,18 @@ export const updateStreakStart = async (userId: string, startDate: Date) => {
       const userData = userDoc.data();
       const lastCheckIn = userData.lastCheckIn?.toDate() || new Date(0);
 
-      const diffInMilliseconds = startDate.getTime() - lastCheckIn.getTime();
+      const diffInMilliseconds = lastCheckIn.getTime() - startDate.getTime();
       const diffInDays = Math.floor(diffInMilliseconds / (1000 * 60 * 60 * 24));
 
+      if (diffInDays < 0) {
+        return { success: false, message: 'Invalid Date' };
+      }
+
       await updateDoc(userRef, {
         streakDays: diffInDays > 0 ? diffInDays : 0, // Ensure streakDays is not negative
       });
 
-      return { success: true, diffInDays, message: 'Streak start updated successfully' };
+      return { success: true, message: 'Streak start updated successfully' };
     }
 
     return { success: false, message: 'User not found' };