stakes coponent modidfied

components/auction.stake.component.js

@@ -45,7 +45,9 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     borderRadius: 10,
     backgroundColor: themeColors.PRIMARY_COLOR,
-    marginHorizontal: 10
+    marginHorizontal: 10,
+    marginVertical: 10,
+    height: 120
   },
   label: {
     fontSize: 22,

screen/User.Bids.Screen.js

@@ -4,10 +4,10 @@
 // Import React and Component
 import React from 'react';
 import {View, StyleSheet, Text, ScrollView} from 'react-native';
-import { AppAuctionItem } from '../components/auction_item.component';
 import { AppContainer } from '../container/container';
 import themeColors from '../assets/colors';
 import { AuctionBottomTab } from '../Navigations/AuctionBottomTab';
+import { AppStakeItem } from '../components/auction.stake.component';
 
 const  UserBidScreen =  ({navigation}) => {
   return (
@@ -15,12 +15,11 @@ const  UserBidScreen =  ({navigation}) => {
       <AppContainer>
         <Text style={styles.auctionHeading}>My Bids</Text>
         <ScrollView>
-          <View>
-            <AppAuctionItem label='Auction Item 1' onPress = {() => navigation.navigate("SignUp")}/>
-            <AppAuctionItem label='Auction Item 2'/>
-            <AppAuctionItem label='Auction Item 3'/>
-            <AppAuctionItem label='Auction Item 4'/>
-          </View>
+          <AppStakeItem />
+          <AppStakeItem />
+          <AppStakeItem />
+          <AppStakeItem />
+          <AppStakeItem />
       </ScrollView>
       </AppContainer>
       <AuctionBottomTab/>