set event click on price item

src/Screens/Home/PriceListView.js

@@ -11,9 +11,12 @@ import {
 import {getFontXD, HEIGHTXD, WIDTHXD} from '../../Config/Functions';
 import R from '../../assets/R';
 import ItemPrice from './ItemPrice';
+import {PRODUCTDETAIL} from '../../routers/ScreenNames';
+import {useNavigation} from '@react-navigation/native';
 
 const PriceListView = (props) => {
     const {setFilterId, filters, dataPrice, filterId} = props;
+    const navigate = useNavigation();
     return (
         <View style={{flex: 1}}>
             <View style={styles.headerContainer}>
@@ -41,24 +44,32 @@ const PriceListView = (props) => {
                 data={dataPrice}
                 ListHeaderComponent={() =>
                     <View style={[styles.container]}>
-                        <View style={[styles.headerContent, {flex: 0.3, justifyContent: 'flex-start', alignItems: 'center',}]}>
+                        <View style={[styles.headerContent, {
+                            flex: 0.3,
+                            justifyContent: 'flex-start',
+                            alignItems: 'center',
+                        }]}>
                             <Text>Tên</Text>
-                            <Image source={R.images.iconSort} style={styles.imgIcon} />
+                            <Image source={R.images.iconSort} style={styles.imgIcon}/>
                         </View>
                         <View style={[styles.headerContent, {flex: 1.5}]}>
                             <Text>Tỷ lệ thay đổi</Text>
-                            <Image source={R.images.iconSort} style={styles.imgIcon} />
+                            <Image source={R.images.iconSort} style={styles.imgIcon}/>
                         </View>
                         <View style={[styles.headerContent]}>
                             <Text>Giá mở/đóng</Text>
-                            <Image source={R.images.iconSort} style={styles.imgIcon} />
+                            <Image source={R.images.iconSort} style={styles.imgIcon}/>
                         </View>
                         <View style={[styles.headerContent]}>
                             <Text>Giá cao/thấp</Text>
-                            <Image source={R.images.iconSort} style={styles.imgIcon} />
+                            <Image source={R.images.iconSort} style={styles.imgIcon}/>
                         </View>
                     </View>}
-                renderItem={({item}) => <ItemPrice item={item}/>}
+                renderItem={({item}) => <ItemPrice item={item}
+                                                   onPress={() => navigate.navigate(PRODUCTDETAIL, {
+                                                       id: item.id,
+                                                       name: item.name,
+                                                   })}/>}
             />
         </View>
     );
@@ -95,7 +106,7 @@ const styles = StyleSheet.create({
         flex: 1,
         flexDirection: 'row',
         marginHorizontal: WIDTHXD(30),
-        marginBottom: HEIGHTXD(10)
+        marginBottom: HEIGHTXD(10),
 
     },
     headerContent: {