fix years and months calculation

T-Damer · Mar 28, 2024 · 45bc4dd · 45bc4dd
1 parent a8aafe0
commit 45bc4dd
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/CreatePatientCard.tsx b/src/components/CreatePatientCard.tsx
@@ -60,15 +60,15 @@ function AddPatientForm() {
       </label>
       <div className="flex w-full items-center justify-between">
         <button
-          className="btn transition-all disabled:opacity-70 disabled:text-black hover:bg-red-300 border-0 w-28"
+          className="btn transition-all disabled:opacity-70hover:bg-red-300 border-0 w-28"
           onClick={clearData}
           disabled={!fullName && !birthDate}
         >
           Clear
         </button>
 
         <button
-          className="btn w-28 transition-all disabled:opacity-70 disabled:text-black enabled:bg-green-700 enabled:border-0 enabled:text-white hover:enabled:bg-green-500"
+          className="btn w-28 transition-all disabled:opacity-70 enabled:bg-green-700 enabled:border-0 enabled:text-white hover:enabled:bg-green-500"
           onClick={onSubmit}
           disabled={disabled}
         >

diff --git a/src/screens/DetailsPage.tsx b/src/screens/DetailsPage.tsx
@@ -13,8 +13,9 @@ export default function ({ name }: { name: string }) {
   const today = new Date()
   const birth = new Date(birthDate)
 
-  const years = today.getFullYear() - birth.getFullYear()
-  const months = today.getMonth() - birth.getMonth()
+  const yearsWithMonths = daysFromBirth / 365
+  const years = Math.floor(yearsWithMonths)
+  const months = Math.floor((yearsWithMonths - years) * 12)
 
   const deleteEntry = useCallback(() => {
     if (!patientsData[name]) return