From 1c68c7f23d6dd853d8c7294500897fdd7a8b1fe7 Mon Sep 17 00:00:00 2001
From: prisar <prisar230@gmail.com>
Date: Thu, 20 Jul 2023 17:53:59 +0530
Subject: [PATCH] add null check to gender

---
 .gitignore |  4 +++-
 src/App.js | 16 +++++++++-------
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/.gitignore b/.gitignore
index 1cc4f16..1e163ac 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,4 +22,6 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
-.firebase
\ No newline at end of file
+.firebase
+
+src/components/testData.json
\ No newline at end of file
diff --git a/src/App.js b/src/App.js
index 93aef7e..e563d61 100644
--- a/src/App.js
+++ b/src/App.js
@@ -59,10 +59,10 @@ function App() {
         const patient = document.data();
         patients.push(patient);
         const { gender } = patient;
-        if (gender.toLowerCase() === 'male') {
+        if (gender?.toLowerCase() === 'male') {
           maleCount++;
         }
-        if (gender.toLowerCase() === 'female') {
+        if (gender?.toLowerCase() === 'female') {
           femaleCount++;
         }
       });
@@ -139,12 +139,14 @@ function App() {
           <Card title={"Disease"} counter={diseases} backgroundColor={'rgb(249, 195, 195)'} />
         </div>
 
-        <div className='last-update'>
-          Updated At: {Date(lastUpdate).toLocaleString()}
-        </div>
+        <div className='footer'>
+          <div className='last-update'>
+            Updated At: {Date(lastUpdate).toLocaleString()}
+          </div>
 
-        <div className='developer'>
-          Developed by <img className="dev-logo" src={require('./smi-logo-120x120.webp')} /> ShanMukha
+          <div className='developer'>
+            Developed by <img className="dev-logo" src={require('./smi-logo-120x120.webp')} /> ShanMukha
+          </div>
         </div>
       </div>
     </div>