feat: allow ability to count since being a volunteer

hopetambala · Oct 18, 2020 · 1d75dd6 · 1d75dd6
1 parent 6b15b0e
commit 1d75dd6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/components/Header/index.js b/components/Header/index.js
@@ -13,10 +13,18 @@ const Header = ({ logOut }) => {
 
   const [drawerOpen, setDrawerOpen] = useState(false);
   const [surveyCount, setSurveyCount] = useState(0);
+  const [volunteerDate, setVolunteerDate] = useState('');
+
+  const volunteerLength = (object) => {
+    const date = new Date(object.createdAt);
+    const convertedDate = date.toDateString();
+    return convertedDate;
+  };
 
   const count = async () => {
     getData('currentUser').then((user) => {
       const userName = `${user.firstname || ''} ${user.lastname || ''}`;
+      setVolunteerDate(volunteerLength(user));
       countService('SurveyData', 'surveyingUser', userName).then((counts) => {
         setSurveyCount(counts);
       });
@@ -49,7 +57,8 @@ const Header = ({ logOut }) => {
       </View>
       {drawerOpen === true
         && (
-          <View>
+          <View style={{ flexDirection: 'row', alignSelf: 'center' }}>
+            <Text style={styles.calculationText}>{`Volunteer Since\n${volunteerDate}`}</Text>
             <Text style={styles.calculationText}>{`Surveys Collected\n${surveyCount}`}</Text>
           </View>
         )}

diff --git a/components/Header/index.styles.js b/components/Header/index.styles.js
@@ -31,7 +31,6 @@ const styles = StyleSheet.create({
   },
   calculationText: {
     fontWeight: 'bold',
-    alignSelf: 'flex-end',
     textAlign: 'center',
     padding: 20
   }