From d68da1866267244cac20aa5786eb005927b550d5 Mon Sep 17 00:00:00 2001
From: shreya-mishra <shreyamishra040398@gmail.com>
Date: Wed, 23 Aug 2023 18:51:04 +0530
Subject: [PATCH 1/4] added homescreenV2

---
 src/components/OOO/OOOForm.tsx                | 65 +++++++++++++++++++
 src/components/OOO/OOOFormType.ts             |  9 +++
 src/i18n/en.ts                                |  2 +
 .../TabNavigation/TabNavigation.tsx           |  3 +-
 src/screens/HomeScreen/HomeScreen2.tsx        | 44 +++++++++++++
 5 files changed, 122 insertions(+), 1 deletion(-)
 create mode 100644 src/components/OOO/OOOForm.tsx
 create mode 100644 src/components/OOO/OOOFormType.ts
 create mode 100644 src/screens/HomeScreen/HomeScreen2.tsx

diff --git a/src/components/OOO/OOOForm.tsx b/src/components/OOO/OOOForm.tsx
new file mode 100644
index 00000000..ab08c71f
--- /dev/null
+++ b/src/components/OOO/OOOForm.tsx
@@ -0,0 +1,65 @@
+import { StyleSheet, TextInput, View, Button } from 'react-native';
+import React from 'react';
+import { OOOFormType } from './OOOFormType';
+
+const OOOForm = ({
+  fromDate,
+  toDate,
+  description,
+  setToDate,
+  setFromDate,
+  setDescription,
+  handleFormSubmit,
+}: OOOFormType) => {
+  return (
+    <View style={styles.formContainer}>
+     <TextInput
+        style={styles.input}
+        placeholder="From Date"
+        value={fromDate}
+        onChangeText={setFromDate}
+      />
+      <TextInput
+        style={styles.input}
+        placeholder="To Date"
+        value={toDate}
+        onChangeText={setToDate}
+      />
+      <TextInput
+        style={[styles.input, styles.textArea]}
+        placeholder="Description"
+        value={description}
+        onChangeText={setDescription}
+        multiline
+        numberOfLines={4}
+      />
+      <Button title="Submit" onPress={handleFormSubmit} />
+    </View>
+  );
+};
+
+export default OOOForm;
+
+const styles = StyleSheet.create({
+  container: {
+    padding: 20,
+  },
+  formContainer: {
+    backgroundColor: '#f9f9f9',
+    padding: 20,
+    borderRadius: 8,
+    marginTop: 20,
+  },
+  input: {
+    height: 40,
+    borderColor: '#ccc',
+    borderWidth: 1,
+    borderRadius: 4,
+    marginBottom: 10,
+    paddingHorizontal: 10,
+  },
+  textArea: {
+    height: 80,
+    textAlignVertical: 'top', // To start text from the top in multiline input
+  },
+});
diff --git a/src/components/OOO/OOOFormType.ts b/src/components/OOO/OOOFormType.ts
new file mode 100644
index 00000000..1ff31f67
--- /dev/null
+++ b/src/components/OOO/OOOFormType.ts
@@ -0,0 +1,9 @@
+export type OOOFormType = {
+  toDate: string;
+  fromDate: string;
+  description: string;
+  setToDate: () => void;
+  setFromDate: () => void;
+  setDescription: () => void;
+  handleFormSubmit: () => void;
+};
diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index ef7d25a4..57fe98bd 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -39,6 +39,8 @@ const Strings = {
   OUT_OF_OFFICE: 'ooo',
   ACTIVE: 'active',
   IDLE: 'idle',
+
+  UPDATE_STATUS_TO_OOO: 'Change your status to OOO',
 };
 
 export default Strings;
diff --git a/src/navigations/TabNavigation/TabNavigation.tsx b/src/navigations/TabNavigation/TabNavigation.tsx
index da31b4a9..163f9e6f 100644
--- a/src/navigations/TabNavigation/TabNavigation.tsx
+++ b/src/navigations/TabNavigation/TabNavigation.tsx
@@ -10,6 +10,7 @@ import HomeScreen from '../../screens/HomeScreen/HomeScreen';
 import ProfileScreen from '../../screens/ProfileScreen/ProfileScreen';
 import { TabViewStyle } from './style';
 import GoalsScreenStack from '../../screens/GoalScreen/GoalScreen';
+import HomeScreen2 from '../../screens/HomeScreen/HomeScreen2';
 
 const tab = createBottomTabNavigator();
 
@@ -25,7 +26,7 @@ const TabNavigation = () => {
       >
         <tab.Screen
           name={Strings.Tab_Home}
-          component={HomeScreen}
+          component={HomeScreen2}
           options={{
             headerShown: false,
             tabBarLabel: ({ focused }) => {
diff --git a/src/screens/HomeScreen/HomeScreen2.tsx b/src/screens/HomeScreen/HomeScreen2.tsx
new file mode 100644
index 00000000..bbb3c25c
--- /dev/null
+++ b/src/screens/HomeScreen/HomeScreen2.tsx
@@ -0,0 +1,44 @@
+import { Button, StyleSheet, Text, View } from 'react-native';
+import React, { useState } from 'react';
+import Strings from '../../i18n/en';
+import OOOForm from '../../components/OOO/OOOForm';
+
+const HomeScreen2 = () => {
+  const [isFormVisible, setIsFormVisible] = useState<boolean>(false);
+  const [fromDate, setFromDate] = useState<number>(Date.now());
+  const [toDate, setToDate] = useState<number>(Date.now());
+  const [description,setDescription] = useState<string>('');
+
+  const handleButtonPress = () => {
+    setIsFormVisible((prev) => !prev);
+  };
+
+  const handleFormSubmit = () => {
+    setIsFormVisible((prev) => !prev);
+  };
+
+  return (
+    <View>
+      <Text>You are Idle</Text>
+      <Button
+        title={Strings.UPDATE_STATUS_TO_OOO}
+        onPress={handleButtonPress}
+      />
+      {isFormVisible && (
+        <OOOForm
+          fromDate
+          toDate
+          description
+          setToDate
+          setFromDate
+          setDescription
+          handleFormSubmit={handleFormSubmit}
+        />
+      )}
+    </View>
+  );
+};
+
+export default HomeScreen2;
+
+const styles = StyleSheet.create({});

From 796c5721a951f4baa5eb64084adc20fd647a98ee Mon Sep 17 00:00:00 2001
From: shreya-mishra <shreyamishra040398@gmail.com>
Date: Sat, 26 Aug 2023 07:52:19 +0530
Subject: [PATCH 2/4] fix the type issues

---
 src/components/OOO/OOOFormType.ts      | 4 ++--
 src/screens/HomeScreen/HomeScreen2.tsx | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/OOO/OOOFormType.ts b/src/components/OOO/OOOFormType.ts
index 1ff31f67..0c0bae95 100644
--- a/src/components/OOO/OOOFormType.ts
+++ b/src/components/OOO/OOOFormType.ts
@@ -1,6 +1,6 @@
 export type OOOFormType = {
-  toDate: string;
-  fromDate: string;
+  toDate: number;
+  fromDate: number;
   description: string;
   setToDate: () => void;
   setFromDate: () => void;
diff --git a/src/screens/HomeScreen/HomeScreen2.tsx b/src/screens/HomeScreen/HomeScreen2.tsx
index bbb3c25c..3ae5e246 100644
--- a/src/screens/HomeScreen/HomeScreen2.tsx
+++ b/src/screens/HomeScreen/HomeScreen2.tsx
@@ -3,17 +3,18 @@ import React, { useState } from 'react';
 import Strings from '../../i18n/en';
 import OOOForm from '../../components/OOO/OOOForm';
 
-const HomeScreen2 = () => {
+const HomeScreen2 = (): JSX.Element => {
   const [isFormVisible, setIsFormVisible] = useState<boolean>(false);
   const [fromDate, setFromDate] = useState<number>(Date.now());
   const [toDate, setToDate] = useState<number>(Date.now());
-  const [description,setDescription] = useState<string>('');
+  const [description, setDescription] = useState<string>('');
 
   const handleButtonPress = () => {
     setIsFormVisible((prev) => !prev);
   };
 
   const handleFormSubmit = () => {
+    // patch api call (it should give loading , failed, error and success messages)
     setIsFormVisible((prev) => !prev);
   };
 

From d6925adc89b2429584a83c2fbd79f5be66759eac Mon Sep 17 00:00:00 2001
From: shreya-mishra <shreyamishra040398@gmail.com>
Date: Sat, 26 Aug 2023 21:34:47 +0530
Subject: [PATCH 3/4] pused some type changes

---
 src/components/OOO/OOOForm.tsx         |  2 +-
 src/screens/HomeScreen/HomeScreen2.tsx | 15 +++++++--------
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/OOO/OOOForm.tsx b/src/components/OOO/OOOForm.tsx
index ab08c71f..da0cd0a2 100644
--- a/src/components/OOO/OOOForm.tsx
+++ b/src/components/OOO/OOOForm.tsx
@@ -13,7 +13,7 @@ const OOOForm = ({
 }: OOOFormType) => {
   return (
     <View style={styles.formContainer}>
-     <TextInput
+      <TextInput
         style={styles.input}
         placeholder="From Date"
         value={fromDate}
diff --git a/src/screens/HomeScreen/HomeScreen2.tsx b/src/screens/HomeScreen/HomeScreen2.tsx
index 3ae5e246..58c296ab 100644
--- a/src/screens/HomeScreen/HomeScreen2.tsx
+++ b/src/screens/HomeScreen/HomeScreen2.tsx
@@ -15,6 +15,7 @@ const HomeScreen2 = (): JSX.Element => {
 
   const handleFormSubmit = () => {
     // patch api call (it should give loading , failed, error and success messages)
+    console.log(fromDate, toDate, description); // was giving lint issues, after api call please remove this log
     setIsFormVisible((prev) => !prev);
   };
 
@@ -27,12 +28,12 @@ const HomeScreen2 = (): JSX.Element => {
       />
       {isFormVisible && (
         <OOOForm
-          fromDate
-          toDate
-          description
-          setToDate
-          setFromDate
-          setDescription
+          fromDate={fromDate}
+          toDate={toDate}
+          description={description}
+          setToDate={setToDate}
+          setFromDate={setFromDate}
+          setDescription={setDescription}
           handleFormSubmit={handleFormSubmit}
         />
       )}
@@ -41,5 +42,3 @@ const HomeScreen2 = (): JSX.Element => {
 };
 
 export default HomeScreen2;
-
-const styles = StyleSheet.create({});

From 91dd79ee6ecf97f4d4c997a9444341878b19f10d Mon Sep 17 00:00:00 2001
From: shreya-mishra <shreyamishra040398@gmail.com>
Date: Sat, 2 Sep 2023 20:27:54 +0530
Subject: [PATCH 4/4] integrated api

---
 src/constants/apiConstant/HomeApi.ts          |  5 ++
 .../TabNavigation/TabNavigation.tsx           |  5 +-
 src/screens/AuthScreen/Util.ts                | 26 +++++++
 src/screens/HomeScreen/HomeScreen2.tsx        | 44 ------------
 src/screens/HomeScreen/HomeScreenV2.tsx       | 67 +++++++++++++++++++
 5 files changed, 100 insertions(+), 47 deletions(-)
 create mode 100644 src/constants/apiConstant/HomeApi.ts
 delete mode 100644 src/screens/HomeScreen/HomeScreen2.tsx
 create mode 100644 src/screens/HomeScreen/HomeScreenV2.tsx

diff --git a/src/constants/apiConstant/HomeApi.ts b/src/constants/apiConstant/HomeApi.ts
new file mode 100644
index 00000000..e3773cda
--- /dev/null
+++ b/src/constants/apiConstant/HomeApi.ts
@@ -0,0 +1,5 @@
+export const HomeApi = {
+  GET_USER_STATUS: 'https://api.realdevsquad.com/users/status/self',
+  UPDATE_STATUS:
+    'https://api.realdevsquad.com/users/status/self?userStatusFlag=true',
+};
diff --git a/src/navigations/TabNavigation/TabNavigation.tsx b/src/navigations/TabNavigation/TabNavigation.tsx
index 163f9e6f..bc480c0e 100644
--- a/src/navigations/TabNavigation/TabNavigation.tsx
+++ b/src/navigations/TabNavigation/TabNavigation.tsx
@@ -6,11 +6,10 @@ import Colors from '../../constants/colors/Colors';
 import Fonts from '../../constants/fonts/TabFont';
 import Images from '../../constants/images/Image';
 import Strings from '../../i18n/en';
-import HomeScreen from '../../screens/HomeScreen/HomeScreen';
 import ProfileScreen from '../../screens/ProfileScreen/ProfileScreen';
 import { TabViewStyle } from './style';
 import GoalsScreenStack from '../../screens/GoalScreen/GoalScreen';
-import HomeScreen2 from '../../screens/HomeScreen/HomeScreen2';
+import HomeScreenV2 from '../../screens/HomeScreen/HomeScreenV2';
 
 const tab = createBottomTabNavigator();
 
@@ -26,7 +25,7 @@ const TabNavigation = () => {
       >
         <tab.Screen
           name={Strings.Tab_Home}
-          component={HomeScreen2}
+          component={HomeScreenV2}
           options={{
             headerShown: false,
             tabBarLabel: ({ focused }) => {
diff --git a/src/screens/AuthScreen/Util.ts b/src/screens/AuthScreen/Util.ts
index 792f712a..23951297 100644
--- a/src/screens/AuthScreen/Util.ts
+++ b/src/screens/AuthScreen/Util.ts
@@ -1,5 +1,6 @@
 import axios from 'axios';
 import { urls } from '../../constants/appConstant/url';
+import { HomeApi } from '../../constants/apiConstant/HomeApi';
 
 export const getUserData = async (url: string) => {
   if (url === urls.REDIRECT_URL) {
@@ -59,5 +60,30 @@ export const updateMarkYourSelfAs_ = async (markStatus: string) => {
   return res.data.status;
 };
 
+export const getUsersStatus = async () => {
+  const res = await axios.get(HomeApi.GET_USER_STATUS, {
+    headers: {
+      'Content-type': 'application/json',
+      cookie:
+        'rds-session=eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOiJUN0lMN01COFlyaW5pVHc0YnQzOSIsImlhdCI6MTY5MjYyMTQ2NCwiZXhwIjoxNjk1MjEzNDY0fQ.DAkTkEJmhEKz9-2w6bOoPLseH6jZA9kajxmkB64CqtTc25wPRa12OKhby5_CnWmTioz3adUwGFV1JWgjtZXLNSEt1j1PSDRo_wy_XEdH5-O1OkNYFIkc4TPnTXM-eUAcGVebmRGEaD326SYZ3Zm0euqFc1zcTHdFubukIVRhgmXC-y2GC9oEr8fpH1EvGJi_H93gkyvTYuU6Z84m7q2GEEKrrTdRdkE1lycS1l-vODSex1yGPu1y8lDmhR5zdc-GbDFv7uhMDPysasmM-jM1yTZE9fEfAj97Pei3YaT0BeL5L-IIEblELqpq0IfrlyxPsgNV10zyYPOnU4NQKl6ydg',
+    },
+  });
+  console.log('res', res);
+  return res.data.data.currentStatus.state;
+};
+
+export const submitOOOForm = async (data) => {
+  const options = {
+    headers: {
+      'Content-type': 'application/json',
+      cookie:
+        'rds-session=eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOiJUN0lMN01COFlyaW5pVHc0YnQzOSIsImlhdCI6MTY5MjYyMTQ2NCwiZXhwIjoxNjk1MjEzNDY0fQ.DAkTkEJmhEKz9-2w6bOoPLseH6jZA9kajxmkB64CqtTc25wPRa12OKhby5_CnWmTioz3adUwGFV1JWgjtZXLNSEt1j1PSDRo_wy_XEdH5-O1OkNYFIkc4TPnTXM-eUAcGVebmRGEaD326SYZ3Zm0euqFc1zcTHdFubukIVRhgmXC-y2GC9oEr8fpH1EvGJi_H93gkyvTYuU6Z84m7q2GEEKrrTdRdkE1lycS1l-vODSex1yGPu1y8lDmhR5zdc-GbDFv7uhMDPysasmM-jM1yTZE9fEfAj97Pei3YaT0BeL5L-IIEblELqpq0IfrlyxPsgNV10zyYPOnU4NQKl6ydg',
+    },
+  };
+  const body = data;
+  const res = await axios.patch(HomeApi.UPDATE_STATUS, body, options);
+  return res;
+};
+
 export const isValidTextInput = (code: string) =>
   Boolean(/^[\d]{1,4}$|^$/.test(code));
diff --git a/src/screens/HomeScreen/HomeScreen2.tsx b/src/screens/HomeScreen/HomeScreen2.tsx
deleted file mode 100644
index 58c296ab..00000000
--- a/src/screens/HomeScreen/HomeScreen2.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Button, StyleSheet, Text, View } from 'react-native';
-import React, { useState } from 'react';
-import Strings from '../../i18n/en';
-import OOOForm from '../../components/OOO/OOOForm';
-
-const HomeScreen2 = (): JSX.Element => {
-  const [isFormVisible, setIsFormVisible] = useState<boolean>(false);
-  const [fromDate, setFromDate] = useState<number>(Date.now());
-  const [toDate, setToDate] = useState<number>(Date.now());
-  const [description, setDescription] = useState<string>('');
-
-  const handleButtonPress = () => {
-    setIsFormVisible((prev) => !prev);
-  };
-
-  const handleFormSubmit = () => {
-    // patch api call (it should give loading , failed, error and success messages)
-    console.log(fromDate, toDate, description); // was giving lint issues, after api call please remove this log
-    setIsFormVisible((prev) => !prev);
-  };
-
-  return (
-    <View>
-      <Text>You are Idle</Text>
-      <Button
-        title={Strings.UPDATE_STATUS_TO_OOO}
-        onPress={handleButtonPress}
-      />
-      {isFormVisible && (
-        <OOOForm
-          fromDate={fromDate}
-          toDate={toDate}
-          description={description}
-          setToDate={setToDate}
-          setFromDate={setFromDate}
-          setDescription={setDescription}
-          handleFormSubmit={handleFormSubmit}
-        />
-      )}
-    </View>
-  );
-};
-
-export default HomeScreen2;
diff --git a/src/screens/HomeScreen/HomeScreenV2.tsx b/src/screens/HomeScreen/HomeScreenV2.tsx
new file mode 100644
index 00000000..4a0cb0e9
--- /dev/null
+++ b/src/screens/HomeScreen/HomeScreenV2.tsx
@@ -0,0 +1,67 @@
+import { Text, View } from 'react-native';
+import React, { useState, useEffect } from 'react';
+import Strings from '../../i18n/en';
+import OOOForm from '../../components/OOO/OOOForm';
+import { AuthScreenButton } from '../AuthScreen/Button';
+import { getUsersStatus, submitOOOForm } from '../AuthScreen/Util';
+
+const HomeScreenV2 = (): JSX.Element => {
+  const [isFormVisible, setIsFormVisible] = useState<boolean>(false);
+  const [fromDate, setFromDate] = useState<number>(Date.now());
+  const [toDate, setToDate] = useState<number>(Date.now());
+  const [description, setDescription] = useState<string>('');
+  const [status, setStatus] = useState('');
+
+  useEffect(() => {
+    fetchData();
+  }, []);
+  const fetchData = async () => {
+    const userStatus = await getUsersStatus();
+    setStatus(userStatus);
+  };
+  const handleButtonPress = () => {
+    setIsFormVisible((prev) => !prev);
+  };
+
+  const handleFormSubmit = async () => {
+    // patch api call (it should give loading , failed, error and success messages)
+    let data = {
+      currentStatus: {
+        from: fromDate,
+        message: description,
+        state: 'OOO',
+        until: toDate,
+        updateAt: 987937932,
+      },
+    };
+    const updateStatus = await submitOOOForm(data);
+    console.log({ data23131: updateStatus }); // was giving lint issues, after api call please remove this log
+    setIsFormVisible((prev) => !prev);
+  };
+
+  return (
+    <View>
+      <Text>{status}</Text>
+      <View style={{ marginTop: 20 }}>
+        <AuthScreenButton
+          text={Strings.UPDATE_STATUS_TO_OOO}
+          onPress={handleButtonPress}
+        />
+      </View>
+
+      {isFormVisible && (
+        <OOOForm
+          fromDate={fromDate}
+          toDate={toDate}
+          description={description}
+          setToDate={setToDate}
+          setFromDate={setFromDate}
+          setDescription={setDescription}
+          handleFormSubmit={handleFormSubmit}
+        />
+      )}
+    </View>
+  );
+};
+
+export default HomeScreenV2;