From 33a5f26ec178883b2e811ac25829f35bd1d12200 Mon Sep 17 00:00:00 2001
From: rathi <rathiharivansh@gmail.com>
Date: Sun, 17 Nov 2024 21:01:09 -0500
Subject: [PATCH] working version 1

---
 habits.db                    | Bin 20480 -> 20480 bytes
 src/App.tsx                  |  39 -----------------------
 src/components/HabitList.tsx |  60 +++++++++++++++++++++++------------
 src/types.ts                 |   1 -
 4 files changed, 39 insertions(+), 61 deletions(-)

diff --git a/habits.db b/habits.db
index 182af3838250dc17a978ac5a17b80fa79a0d7ebe..9ec18cb7bdff8c160e095f877a22b92ab0571ab2 100644
GIT binary patch
delta 387
zcmZozz}T>Wae_2s%tRSy#+Z!>OZa&h1Q;0jU-7@<f5d-hv!KEmeie3BW(Lt5P7Y=U
z$&%D!PA&*tqF}_pz`zX>Dp4@pr0}1ggNv8{GJ_KDmC5V|M#3h1Dtsb*DSRP(E_^J!
zUwEJJUfC=t(824#r^d{v$Yo?;WTI<msB37#r^?Kz$O-2g^QoZljrf#N)Ei9}u`^Uv
zVrEq2fa@{gQ$*n#^C^J%o3rd@F)}OhZko*QU?{@-jZcD)ozI)kicgdG3h!awr@Wgs
z3ksz1x(Ki^Dl#IuNDVB2<Rn!z0V5T#078qA^5k#67J5i7QUa?$2pB7(2^cACj`3T<
F2mly_Od0?H

delta 237
zcmZozz}T>Wae_3X+e8^>Mz@U#OZa)1_}?<{f9HS8e~16hW<iBB{3`6M%nYJA*;#oE
z3=Gnui7CY#?92?}C8@<FhU{$245A>`CWZg}9PGUOml@>vL?*Kv7;&fYh48uXneeIb
ziEI`WxWGGE#LiGvhM7^3&B(yWMAy(z*U*?xnwe3N9nLr6lLE<a&a#`u$SlYEZ8E!q
zArGH7pC<1&J}W*6KK9Lm0-JazfAh7_Lo!50fQ3<!5y=#3umD1Zk<{iGza@+Set<Mg

diff --git a/src/App.tsx b/src/App.tsx
index 5d0d5ec..12b3abf 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -11,8 +11,6 @@ export default function HabitTracker() {
   const [activeView, setActiveView] = useState<'habits' | 'calendar' | 'settings'>('habits');
   const [darkMode, setDarkMode] = useState(() => localStorage.getItem('darkMode') === 'true');
   const [currentMonth, setCurrentMonth] = useState(new Date());
-  const [streakGoal, setStreakGoal] = useState(7);
-  const [showCompletedHabits, setShowCompletedHabits] = useState(true);
 
   const daysOfWeek = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];
 
@@ -135,22 +133,6 @@ export default function HabitTracker() {
     return habits.filter(habit => habit.completedDates.includes(date));
   };
 
-  const getStreakForHabit = (habit: Habit) => {
-    let streak = 0;
-    const today = new Date();
-    for (let i = 0; i < streakGoal; i++) {
-      const date = new Date(today);
-      date.setDate(today.getDate() - i);
-      const dateString = date.toISOString().split('T')[0];
-      if (habit.completedDates.includes(dateString)) {
-        streak++;
-      } else {
-        break;
-      }
-    }
-    return streak;
-  };
-
   const handleUpdateStreak = async (id: number, newStreak: number) => {
     // Prevent negative streaks
     if (newStreak < 0) return;
@@ -294,27 +276,6 @@ export default function HabitTracker() {
                     )}
                   </button>
                 </div>
-                <div className="flex items-center justify-between">
-                  <span className="dark:text-white">Streak Goal</span>
-                  <select
-                    value={streakGoal}
-                    onChange={(e) => setStreakGoal(Number(e.target.value))}
-                    className="px-3 py-2 border rounded-lg dark:bg-gray-800 dark:border-gray-700 dark:text-white"
-                  >
-                    {[3, 5, 7, 10, 14, 21, 30].map(days => (
-                      <option key={days} value={days}>{days} days</option>
-                    ))}
-                  </select>
-                </div>
-                <div className="flex items-center justify-between">
-                  <span className="dark:text-white">Show Completed Habits</span>
-                  <input
-                    type="checkbox"
-                    checked={showCompletedHabits}
-                    onChange={(e) => setShowCompletedHabits(e.target.checked)}
-                    className="w-4 h-4 rounded border-gray-300 dark:border-gray-600"
-                  />
-                </div>
               </div>
             </div>
           )}
diff --git a/src/components/HabitList.tsx b/src/components/HabitList.tsx
index d6a19e2..a03fd64 100644
--- a/src/components/HabitList.tsx
+++ b/src/components/HabitList.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Trash2, ChevronUp, ChevronDown } from 'lucide-react';
+import { Trash2 } from 'lucide-react';
 import { Habit } from '../types';
 
 interface HabitListProps {
@@ -9,9 +9,37 @@ interface HabitListProps {
   onToggleHabit: (id: number, date: string) => void;
   onUpdateHabit: (id: number, name: string) => void;
   onDeleteHabit: (id: number) => void;
-  onUpdateStreak: (id: number, streak: number) => void;
 }
 
+const calculateStreak = (completedDates: string[]): number => {
+  if (completedDates.length === 0) return 0;
+
+  // Sort dates in ascending order
+  const sortedDates = [...completedDates].sort((a, b) => 
+    new Date(a).getTime() - new Date(b).getTime()
+  );
+
+  let currentStreak = 1;
+  let maxStreak = 1;
+
+  // Go through the dates and count consecutive completions
+  for (let i = 1; i < sortedDates.length; i++) {
+    const prevDate = new Date(sortedDates[i - 1]);
+    const currDate = new Date(sortedDates[i]);
+    
+    // If dates are consecutive or same day, increment streak
+    if (currDate.getTime() - prevDate.getTime() <= 24 * 60 * 60 * 1000) {
+      currentStreak++;
+      maxStreak = Math.max(maxStreak, currentStreak);
+    } else {
+      // Reset streak counter when there's a gap
+      currentStreak = 1;
+    }
+  }
+
+  return maxStreak;
+};
+
 export function HabitList({
   habits,
   currentWeek,
@@ -19,7 +47,6 @@ export function HabitList({
   onToggleHabit,
   onUpdateHabit,
   onDeleteHabit,
-  onUpdateStreak
 }: HabitListProps) {
   return (
     <table className="w-full">
@@ -34,7 +61,12 @@ export function HabitList({
               </div>
             </th>
           ))}
-          <th className="px-4 py-2 text-center dark:text-white">Manual Streak</th>
+          <th className="px-4 py-2 text-center dark:text-white">
+            Best Streak
+            <div className="text-xs text-gray-500 dark:text-gray-400">
+              consecutive completions
+            </div>
+          </th>
           <th className="px-4 py-2 text-center dark:text-white">Actions</th>
         </tr>
       </thead>
@@ -60,23 +92,9 @@ export function HabitList({
               </td>
             ))}
             <td className="px-4 py-2 text-center">
-              <div className="flex items-center justify-center space-x-2">
-                <button
-                  onClick={() => onUpdateStreak(habit.id, (habit.manualStreak || 0) - 1)}
-                  className="p-1 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full"
-                >
-                  <ChevronDown className="h-4 w-4 dark:text-white" />
-                </button>
-                <span className="dark:text-white min-w-[2rem]">
-                  {habit.manualStreak || 0}
-                </span>
-                <button
-                  onClick={() => onUpdateStreak(habit.id, (habit.manualStreak || 0) + 1)}
-                  className="p-1 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full"
-                >
-                  <ChevronUp className="h-4 w-4 dark:text-white" />
-                </button>
-              </div>
+              <span className="dark:text-white font-medium">
+                {calculateStreak(habit.completedDates)}
+              </span>
             </td>
             <td className="px-4 py-2 text-center">
               <button
diff --git a/src/types.ts b/src/types.ts
index 437ef5b..4c7b8af 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -2,5 +2,4 @@ export interface Habit {
   id: number;
   name: string;
   completedDates: string[];
-  manualStreak: number;
 }
\ No newline at end of file