ebanutsya

src/components/OrderCard/OrderCard.tsx

@@ -1,26 +1,18 @@
-import {FC, useState} from "react";
+import React, {FC, useState} from "react";
 import {GestureResponderEvent, Image, StyleSheet, TouchableOpacity, View} from "react-native";
 import {RFPercentage} from "react-native-responsive-fontsize";
 import DText from "../DText/DText";
 import {responsiveHeight, responsiveWidth} from "react-native-responsive-dimensions";
 import DTitle from "../DTitle/DTitle";
+import {Order} from "../../types/order";
 
 type Props = {
     onPress?: (event: GestureResponderEvent) => void
+    order: Order
 
 }
-const OrderCard: FC<Props> = ({onPress}) => {
+const OrderCard: FC<Props> = React.memo(({onPress, order}) => {
 
-    const [order, setOrder] = useState({
-        article: 183658,
-        imageUrl: "https://421421.selcdn.ru/denco/996956/thumbzoom/h0b41036e5dc84a88b3dd344a46ab33edt.jpg-640x640.jpg",
-        orderNumber: "93757290-0104-7",
-        productName: "Фигурки животных «Собачки» 258, 5-7 см., статичные / 12 шт.",
-        supplierName: "simaland",
-        marketplaceName: "Wildberries РЕНТА",
-        sellerName: "DENCO",
-        assembled: false
-    });
 
     return (
         <TouchableOpacity onPress={() => {
@@ -54,7 +46,7 @@ const OrderCard: FC<Props> = ({onPress}) => {
         </TouchableOpacity>
 
     )
-}
+})
 const styles = StyleSheet.create({
     container: {
         backgroundColor: "white",
@@ -63,6 +55,7 @@ const styles = StyleSheet.create({
         height: responsiveHeight(20),
         flexDirection: "row",
         padding: RFPercentage(2),
+        flex: 1
     },
     imageWrapper: {
         width: responsiveWidth(30),