From 0ab0745a2cbfffc348513f49d4c267e7d299ec5b Mon Sep 17 00:00:00 2001
From: rathi <rathiharivansh@gmail.com>
Date: Wed, 20 Nov 2024 15:13:18 -0500
Subject: [PATCH] added some functionality to the calendar page

---
 habits.db                   | Bin 28672 -> 36864 bytes
 src/App.tsx                 |   6 +++++-
 src/components/Calendar.tsx |  10 +++++++---
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/habits.db b/habits.db
index 0a8f677c783f0cf8281a4e4afe5b0e673e1db34c..d7563ffc3c6146f429131ad0b9a92eed58c52e29 100644
GIT binary patch
delta 2691
zcmZp8z}T>WX@WHCQ3eJE&WQ^4j7K*nEaB&1=6}Gz|Be6kW*&hn{PLXM%nXtxsl_D<
z#++U-rV)oHGlMutbn$<A0e){*1_lO3{$C6rgZO`K<}=vD$i#Gf^C3f4MkT(+a%M(F
zS0e)>6J0|?T|-O0#xfKEi_I^M1bNvQ7#KJj88<mFDu9@aS^6ilC)~@p$^M@GF8gWr
zogBg(uQ?dmm$Of0Z)PuKk7xH~w`SL57iXKv*3MSS_L=P=+j+LVY^&K>*^*hiSu0u7
zSwmT!S?96^ve~ogvKq3=v+}b1W|L;)WLe14&+?MxI?GX(&8!Dm*Ry_SeagC7P{4_~
zUXX=Rk;xnGR0BpsR1pJ9Mgvq4LlZ`QG!bJ)Jv0#`MqM-!Lq;92h!@;06Gm;pdXV)9
zA!9}@G(|>?nrI@1j2d7OPq;y*jOu72CX8xmBF2oWXd*_8DuOKajEYPMgA5s!(G;08
zDuG21A!N>|h$dpjsDLVBWWXqoDq?8KD2FCu!6+-p!dS1!1oyp>0iz695nRO3l2IBg
z0(YX30izVEh@mB;B$|i?qXbyQ0~SI?28`lh5qBgJQIJSI6I{s9l2HUCgd}3YC=3>X
z8)Rt8D1;_r!YGI)V$3LjCSt_Mk0xTs$OjgwM;L9%C<YcnILM5V2TjD3ksD3KgpmtP
z#F&v2O~i<i15Lz`ksU1JRu2ylBStoe5M0ENkrhqEfRP0(g2>vYjLc{vCX7sIBF2o2
zXd*_83{VkSXc=K-!0-nu1Qju~VE8v#HDikkny?|me>4$GhQE{LoP0NXWo~0*=Vf4E
zDB(D`ncZL~s6d*0$WViYfr0J%<adU*6<B`}ES7?qSQr?XTPHi1CV?38lb4xJWno}o
zYMX3t24XP2-F(ALgR>rF&m7hz4E(G4XYqIPSMaCvhw;1eoA4|13-L4Zec-##caCo_
z-x|Kzd|iB%d>MS<d~STEd@6jxd`!F_c^~ke=iSG<mUj+sH*XbhCT|3<JFgk9Dz6AH
zGtVcUhddW}_VcXcnak6|Q_Yjb6UpPjW6q<-Bg(_V{h9j__eJjd1KjJm=W+LP*KlWZ
zM{#>{TX3s$i*d7Zec^h{b&2aB*9NZnTzy=%Tsd6PTwYw3TpC>BTx^_QIiGM|<~+o?
zk#hlOKW80hE@up<H>VY+CZ_}^JI6PUr~L2v@A04I-@|c*<1oi2j)fc(IO;j_IAS?`
zIIKCeI3zhZ*q^aqWk2G?zL|Xy`$YBz_I&p5>~ZYA>^AJ$>{9HUY(LnZvt465%C?1V
zG20}zMz#XBcs4&aTQ(gwX*Mp_pR6xfud^Ow-O9RTV`B<SJztX{GovD+bTQy-GC&qE
zu;gpfM;0(N;cL=E5isU!(nS$4;%m}D5isOy(q?8<L=-C~d`((lfqGbCGv;g31dG4~
zjQE-~Py`J5n$(#Y72ze3p($UJ8j64kUy~||fH7Z_3W|UcUz0M5K)oSflM;%EIbV|^
zisQ}sniNn3%=nt*kp+wl_?qO91q?0unq*M~EclvakUay^A`KFNXMd0$DP)I$lt>~A
zfK*7J2w3nni8C`Q!b>oa7ExwKMR)-Q5)eTa0GT0-EKqM~!Pg{&YzQb=1yKY{_?iSz
z1dREb_)!Fm_?q}o1Pu9_#83n*`I>l;?KL#xYvN{RRIG=)6=W|LiV_pPCQcLqW4<O1
z6agc?CUz77L%t?9W=2IfcoAyE*Tjk<V93|Rf+P^33koA<l*W-MUlS9GfC*m{BZ`1A
zUlRk0fDvC~DKn#@Gt6E?^T{U+RVM#6Jhl0y(H=&APi96%TbQJg!Q{mzvnTtTx=dbT
zDmZzvso><TrfK}3d}s+%V`wp1(oALYH8a7<Tg;Ru`<bO}er|S$(WxHAT0_3ZIurp5
RzQ$S<0ZYEd8e{<@0|0dD51ar1

delta 226
zcmZozz|`=7ae_2!Ap-*g`$PqM#=?yWOZYjM_+K&bf8~F*nMdFXzdV-{GlO(VYH^7I
zrwcQKB$#Ey=?r5o{x2`U@50M;oZ&X(2?qX;{EzrAZ{{=D#K^>WV)G$GRz@WT1_mWY
zMHeFjBNJUiLtP^yzQ!_UMnz|sfT8*3mqvoTY#>QP!%Ys13TzxV8S*$(C$lHqWB$u=
vb7P||`{e!<*2!8K>s1&S7*v>$3}bjI$ik?|gk&1Sx5;u&zMH)=x3K{LQ?NXB

diff --git a/src/App.tsx b/src/App.tsx
index 18bca0f..66e3f91 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -83,7 +83,10 @@ function HabitTrackerContent() {
 
       <div className={`rounded-lg shadow p-6 ${theme.cardBackground}`}>
         <div className="flex justify-between items-center mb-6">
-          <h2 className="text-2xl font-bold dark:text-white">Weekly Progress</h2>
+          <div>
+            <h2 className="text-2xl font-bold dark:text-white">Your Habits</h2>
+            <p className="text-sm text-gray-400 dark:text-gray-300 mt-1">Track your weekly progress</p>
+          </div>
           <div className="flex items-center space-x-2">
             <button
               onClick={goToCurrentWeek}
@@ -117,6 +120,7 @@ function HabitTrackerContent() {
           onDeleteHabit={deleteHabit}
           onUpdateStreak={updateStreak}
         />
+        <p className="text-sm text-gray-500 dark:text-gray-300 mt-4">Keep up the good work! Consistency is key.</p>
       </div>
     </div>
   );
diff --git a/src/components/Calendar.tsx b/src/components/Calendar.tsx
index dd2fab5..56657f2 100644
--- a/src/components/Calendar.tsx
+++ b/src/components/Calendar.tsx
@@ -128,14 +128,18 @@ export const Calendar: React.FC<CalendarProps> = ({
                     <div className="group relative inline-block">
                       <div 
                         className={`
-                          h-4 w-4 rounded-full cursor-pointer
-                          transition-colors duration-200
+                          h-5 px-2 rounded-full cursor-pointer
+                          transition-colors duration-200 flex items-center justify-center
                           ${completedHabits.length > 0 
                             ? 'bg-[#2ecc71] dark:bg-[#2ecc71] shadow-sm shadow-[#2ecc7150]' 
                             : `bg-[#e9e9e8] dark:bg-[#393939]`
                           }
                         `}
-                      />
+                      >
+                        <span className="text-[8px] font-medium text-black/70 dark:text-white/70">
+                          {completedHabits.length}/{habits.length}
+                        </span>
+                      </div>
                       <div 
                         className={`
                           absolute bottom-full left-1/2 -translate-x-1/2 mb-2