fix minor issue with reservationLocation page

component/reservationLocationPage/reservationLocationPageComponent.tsx

@@ -154,64 +154,80 @@ const LocationTabComponent: React.FC<TabViewComponentProps> = ({
     );
 
     //tab 2
+   
     const SecondRoute = () => (
         <View style={{ flex: 1, backgroundColor: 'white' }}>
             <FlashList
                 data={tabItems}
                 renderItem={({ item }) => {
                     return (
-                        <View style={styles.container}>
-                            <Image style={styles.image} source={item.imgURL} />
-                            <View style={styles.textContainer}>
-                                <Text
-                                    style={{
-                                        fontWeight: 400,
-                                        fontSize: 18,
-                                        color: '#222222'
-                                    }}
-                                >
-                                    {item.chargeStationName}
-                                </Text>
-                                <Text
-                                    style={{
-                                        fontWeight: 400,
-                                        fontSize: 14,
-                                        color: '#888888'
-                                    }}
-                                >
-                                    {item.chargeStationAddress}
-                                </Text>
-                                <View className=" flex-row space-x-2 items-center">
-                                    <CheckMarkLogoSvg />
+                        <Pressable
+                            // onPress={() => console.log('clicked')}
+                            onPress={() => router.push('resultDetailPage')}
+                            style={({ pressed }) => [
+                                styles.container,
+                                {
+                                    backgroundColor: pressed
+                                        ? '#e7f2f8'
+                                        : '#ffffff'
+                                }
+                            ]}
+                        >
+                            <View style={styles.container}>
+                                <Image
+                                    style={styles.image}
+                                    source={item.imgURL}
+                                />
+                                <View style={styles.textContainer}>
                                     <Text
                                         style={{
                                             fontWeight: 400,
-                                            fontSize: 14,
+                                            fontSize: 18,
                                             color: '#222222'
                                         }}
                                     >
-                                        Walk-in
+                                        {item.chargeStationName}
+                                    </Text>
+                                    <Text
+                                        style={{
+                                            fontWeight: 400,
+                                            fontSize: 14,
+                                            color: '#888888'
+                                        }}
+                                    >
+                                        {item.chargeStationAddress}
                                     </Text>
+                                    <View className=" flex-row space-x-2  items-center">
+                                        <CheckMarkLogoSvg />
+                                        <Text
+                                            style={{
+                                                fontWeight: 400,
+                                                fontSize: 14,
+                                                color: '#222222'
+                                            }}
+                                        >
+                                            Walk-in
+                                        </Text>
+                                    </View>
                                 </View>
+                                <Text
+                                    style={{
+                                        fontWeight: 400,
+                                        fontSize: 16,
+                                        color: '#888888',
+                                        marginTop: 22
+                                    }}
+                                >
+                                    {item.distance}
+                                </Text>
                             </View>
-                            <Text
-                                style={{
-                                    fontWeight: 400,
-                                    fontSize: 16,
-                                    color: '#888888',
-                                    marginTop: 22
-                                }}
-                            >
-                                {item.distance}
-                            </Text>
-                        </View>
+                        </Pressable>
                     );
                 }}
                 estimatedItemSize={10}
             />
         </View>
     );
-
     const renderScene = SceneMap({
         firstRoute: FirstRoute,
         secondRoute: SecondRoute