CardImage component create (#89)

katsuhira02 · Danil · web-flow · commit 707d81ff1992 · 2022-07-07T00:00:00.000+05:00
Co-authored-by: Danil &lt;rosesmaster2007@gmail.com&gt;
diff --git a/src/UI.tsx b/src/UI.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import { StyleSheet, View } from 'react-native'
 import { BLACK, WHITE } from './constants'
-import { Space, Text, CategoryCard } from './components'
+import { Space, Text, CardImage } from './components'
 
 const styles = StyleSheet.create({
   container: {
@@ -38,10 +38,7 @@ function Home({ navigation, route }: HomeT) {
     <View style={container}>
       <Text title="CategoryCard" h0 />
       <Space height={15} />
-      <CategoryCard
-        title="New"
-        imageUri="https://avatars.mds.yandex.net/i?id=a832e7f3d01fa1cb0d468cbb92106605-5233897-images-thumbs&n=13"
-      />
+      <CardImage imageUri="https://i.ebayimg.com/00/s/NzQzWDczMQ==/z/ooQAAOSwAolakPD5/$_57.JPG?set_id=8800005007" />
     </View>
   )
 }
diff --git a/src/components/CardImage/index.tsx b/src/components/CardImage/index.tsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import { Image, StyleSheet } from 'react-native'
+
+const styles = StyleSheet.create({
+  container: {
+    width: 130,
+    height: 135,
+    borderRadius: 8
+  }
+})
+
+interface CardImageT {
+  imageUri: string
+}
+
+function CardImage({ imageUri }: CardImageT) {
+  const { container } = styles
+  return <Image source={{ uri: imageUri }} style={container} />
+}
+
+export { CardImage }
diff --git a/src/components/index.ts b/src/components/index.ts
@@ -12,4 +12,5 @@ export * from './Selector'
 export * from './PopUp'
 export * from './CardOrder'
 export * from './Filter'
-export * from './CategoryCard'
+export * from './CategoryCard'
+export * from './CardImage'
