Added Full Implementation of history

Author: Infinite-Null

App.tsx

@@ -32,9 +32,6 @@ function App(): JSX.Element {
           <Stack.Screen name={"ChatPage"} component={ChatPage} options={{
             headerShown:false
           }}/>
-          <Stack.Screen name={"HistoryChatPage"} component={HistoryChatPage} options={{
-            headerShown:false
-          }}/>
           <Stack.Screen name={"MailPage"} component={MailPage} options={{
             headerShown:false
           }}/>

Components/ChatPage/Ai.js

@@ -46,6 +46,13 @@ function Ai({text}) {
             text: {
               color: 'rgb(236, 236, 236)',
             },
+            blockquote: {
+              backgroundColor: '#201d1d',
+              color: 'rgba(243, 232, 130, 0.88)',
+              fontSize: width * 0.033,
+              borderRadius: 10,
+              borderColor: 'rgba(243, 232, 130, 0.88)',
+            },
             fence: {
               backgroundColor: '#080808',
               color: 'rgba(243, 232, 130, 0.88)',

Components/Homepage/EachHistorycard.js

@@ -1,9 +1,10 @@
+/* eslint-disable react-native/no-inline-styles */
 import {View, Text, TouchableOpacity, Dimensions} from 'react-native';
 import React, {memo} from 'react';
 import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome';
-import {faPaperPlane} from '@fortawesome/free-solid-svg-icons';
+import {faPaperPlane, faTrash} from '@fortawesome/free-solid-svg-icons';
 
-function EachHistorycard({navigation, item}) {
+function EachHistorycard({navigation, item, index, deleteData}) {
   function getFormattedData(text) {
     if (text.length > 35) {
       return text.slice(0, 35) + '...';
@@ -14,7 +15,8 @@ function EachHistorycard({navigation, item}) {
   const windowWidth = Dimensions.get('window').width;
   return (
     <TouchableOpacity
-      onPress={() => navigation.navigate('ChatPage', {item})}
+      onPress={() => navigation.navigate('ChatPage', {item, index})}
+      key={index}
       style={{
         width: windowWidth * 0.9,
         height: 80,
@@ -26,13 +28,15 @@ function EachHistorycard({navigation, item}) {
         alignItems: 'center',
         paddingHorizontal: 20,
       }}>
-      <Text style={{color: 'white'}}>{getFormattedData(item[0].message)}</Text>
-      <FontAwesomeIcon
-        icon={faPaperPlane}
-        style={{
-          color: 'white',
-        }}
-      />
+      <Text style={{color: 'white'}}>
+        {getFormattedData(item[0]?.message ?? '')}
+      </Text>
+      <TouchableOpacity
+        onPress={() => {
+          deleteData(index);
+        }}>
+        <FontAwesomeIcon icon={faTrash} color="white" />
+      </TouchableOpacity>
     </TouchableOpacity>
   );
 }

Screens/ChatPage.js

@@ -16,15 +16,13 @@ import {faMicrophone, faPaperPlane} from '@fortawesome/free-solid-svg-icons';
 const windowWidth = Dimensions.get('window').width;
 
 export const ChatPage = ({navigation,route}) => {
-    console.log(route.params);
     const dangerColor = 'rgba(172, 79, 79, 1.00)';
     const  {History,setHistory,SaveData} = useContext(Context);
     const [scrollEnabled, setScrollEnabled] = useState(true);
     const Toast = useToast();
     const [loading,setloading] = useState(false);
     const [VoiceRecording,setVoiceRecording] = useState(false);
-    const [requestBody,setRequestBody] = useState([
-    ]);
+    const [requestBody,setRequestBody] = useState([]);
     const [value,setvalue] = useState('');
     const [chat,setchat] = useState([]);
     async function OnPressSend(val) {
@@ -103,23 +101,41 @@ export const ChatPage = ({navigation,route}) => {
             Voice.destroy().then(Voice.removeAllListeners);
         };
     }, []);
-    //History
-    useEffect(() => {
-        if (chat.length === 2){
-            const Prev = [...History];
-            Prev.push([]);
-            Prev[Prev.length - 1] = [...chat];
-            setHistory(Prev);
-            SaveData();
-            // console.log(Prev)
-        }
-        if (chat.length > 2){
-            const Prev = [...History];
-            Prev[Prev.length - 1] = [...chat];
-            setHistory(Prev);
-            SaveData();
+    useEffect(()=>{
+        if (route.params){
+            setchat(route.params.item);
+            const requestBodyData = [];
+            route.params.item.map((e)=>{
+                requestBodyData.push({content:e.message});
+            });
+            setRequestBody(requestBodyData);
         }
-    }, [chat]);
+    },[]);
+     //History
+    useEffect(() => {
+        if (!route.params){
+         if (chat.length === 2){
+             const Prev = [...History];
+             Prev.unshift([]);
+             Prev[0] = [...chat];
+             setHistory(Prev);
+             SaveData();
+             // console.log(Prev)
+         }
+         if (chat.length > 2){
+             const Prev = [...History];
+             Prev[0] = [...chat];
+             setHistory(Prev);
+             SaveData();
+         }} else {
+            if (chat.length !== History.length && chat.length !== 0){
+                const Prev = [...History];
+                Prev[route.params.index] = [...chat];
+                setHistory(Prev);
+                SaveData();
+            }
+         }
+     }, [chat]);
     const onSpeechStartHandler = (e) => {
         console.log('start handler==>>>', e);
     };