react-native-srschat 0.1.42 → 0.1.43

package/src/layout/welcome.js

@@ -1,13 +1,11 @@
 // Welcome.js
 import React, { useContext } from 'react';
-import { View, Text, Image, TouchableOpacity, ScrollView, StyleSheet } from 'react-native';
+import { View, Text, TouchableOpacity, ScrollView, StyleSheet } from 'react-native';
 import Ionicons from 'react-native-vector-icons/Ionicons';
 import { AppContext } from '../contexts/AppContext';
 import { WelcomeInput } from '../components/welcomeInput';
 import ButtonComponent from '../components/welcomeButton';
-import { Testing } from '../components/testing';
 import CloudinaryImage from '../utils/cloudinary';
-// import { PoseidonLogo } from '../components/PoseidonLogo';
 
 export const Welcome = ({ panHandlers }) => {
   const { setShowModal, uiConfig, onProductCardClick, onAddToCartClick } = useContext(AppContext);
@@ -19,30 +17,25 @@ export const Welcome = ({ panHandlers }) => {
       setShowModal("Icon");
     }
     
-    // Reset toggleChat in the parent component
     if (typeof uiConfig.setToggleChat === 'function') {
       uiConfig.setToggleChat(false);
     }
   };
 
   return (
-    <View contentContainerStyle={styles.container}>
+    <View style={styles.container}>
       <View style={styles.parentContainer}>
-        
         {/* Top section */}
         <View style={styles.topContainer}>
           <View style={styles.topHeader}>
-            {/* <PoseidonLogo width={150} height={35} color="white" /> */}
-            {/* <SvgCssUri
-              uri="https://media.heritageplus.com/image/upload/v1743632330/MobileApp/posiden.svg"
-              width={150}
-              height={35}
-            /> */}
-            <CloudinaryImage
-              cldImg="posiden"
-              imageStyle={{ width: 150, height: 35 }}
-            />
-            <TouchableOpacity onPress={() => handleClick()} style={styles.collapseButton}>
+            {/* Logo container with absolute positioning */}
+            <View style={styles.logoContainer}>
+              <CloudinaryImage
+                cldImg="posiden"
+                imageStyle={{ width: 150, height: 35 }}
+              />
+            </View>
+            <TouchableOpacity onPress={handleClick} style={styles.collapseButton}>
               <Ionicons name="close" size={26} color="white" />
             </TouchableOpacity>
           </View>
@@ -50,8 +43,7 @@ export const Welcome = ({ panHandlers }) => {
           <View style={styles.blueContainer}>
             <Text style={styles.welcomeHeader}>Hi 👋</Text>
             <Text style={styles.welcomeBody2}>
-              I'm Poseidon, your Heritage Pool+ AI Agent. I can help you during your online
-              visit with Product and Account information.
+              I'm Poseidon, your Heritage Pool+ AI Agent. I can help you during your online visit with Product and Account information.
             </Text>
             <WelcomeInput />
             <Text style={styles.textBeta}>Beta version. Poseidon is learning!</Text>
@@ -75,7 +67,7 @@ const styles = StyleSheet.create({
   parentContainer: {
     flexGrow: 1,
     backgroundColor: '#004687',
-    paddingTop: 60
+    paddingTop: 60,
   },
   topContainer: {
     backgroundColor: '#004687',
@@ -83,14 +75,19 @@ const styles = StyleSheet.create({
   },
   topHeader: {
     flexDirection: 'row',
-    justifyContent: 'flex-end',
     alignItems: 'center',
     paddingHorizontal: 15,
     paddingTop: 10,
+    justifyContent: 'flex-end',
+    position: 'relative', 
   },
-  logo: {
-    width: 120,
-    height: 50,
+  logoContainer: {
+    position: 'absolute',
+    left: 15,  
+    top: 10,
+    // left: '50%',
+    // transform: [{ translateX: -65 }],
+    // top: 10,  
   },
   collapseButton: {
     paddingHorizontal: 15,
@@ -121,12 +118,12 @@ const styles = StyleSheet.create({
     fontSize: 11,
     color: '#f6f6f6',
     fontWeight: '400',
-    marginTop: 5
+    marginTop: 5,
   },
   bottomContainer: {
     paddingHorizontal: 25,
     backgroundColor: "#f6f6f6",
-    paddingTop: 30
+    paddingTop: 30,
   },
   welcomeBody: {
     fontSize: 13,
@@ -137,3 +134,4 @@ const styles = StyleSheet.create({
   },
 });
 
+export default Welcome;