feat: add price attribute to GiftIdea model and update GiftCard component to display recipient and event date

Author: bakaqc

src/app/(gifts)/index.tsx

@@ -19,6 +19,7 @@ const HomeScreen = () => {
 				'https://api.a0.dev/assets/image?text=gift%20box%20with%20art%20supplies%20and%20golden%20bow',
 			title: 'Creative Art Set',
 			description: 'Perfect for budding artists',
+			price: 29.99,
 			recipient: 'Emily',
 			selectedDate: new Date('2023-12-25').toISOString(),
 		},
@@ -28,6 +29,7 @@ const HomeScreen = () => {
 				'https://api.a0.dev/assets/image?text=luxury%20chocolate%20box%20assortment',
 			title: 'Gourmet Chocolate Basket',
 			description: 'Indulgent treat for any occasion',
+			price: 49.99,
 			recipient: 'Michael',
 			selectedDate: new Date('2023-11-15').toISOString(),
 		},
@@ -37,9 +39,30 @@ const HomeScreen = () => {
 				'https://api.a0.dev/assets/image?text=elegant%20stainless%20steel%20watch',
 			title: 'Stainless Steel Watch',
 			description: 'Timeless elegance for him',
+			price: 199.99,
 			recipient: 'Alex',
 			selectedDate: new Date('2024-01-01').toISOString(),
 		},
+		{
+			id: '4',
+			image:
+				'https://api.a0.dev/assets/image?text=stylish%20handbag%20for%20women',
+			title: 'Stylish Handbag',
+			description: 'Fashionable accessory for her',
+			price: 89.99,
+			recipient: 'Sophia',
+			selectedDate: new Date('2023-10-31').toISOString(),
+		},
+		{
+			id: '5',
+			image:
+				'https://api.a0.dev/assets/image?text=high-tech%20wireless%20earbuds',
+			title: 'Wireless Earbuds',
+			description: 'High-quality sound on the go',
+			price: 79.99,
+			recipient: 'John',
+			selectedDate: new Date('2023-11-20').toISOString(),
+		},
 	];
 
 	const handleAddGift = () => {
@@ -58,6 +81,7 @@ const HomeScreen = () => {
 						image={gift.image}
 						title={gift.title}
 						description={gift.description}
+						price={gift.price}
 						recipient={gift.recipient}
 						selectedDate={gift.selectedDate}
 					/>

src/components/utils/GiftCard.tsx

@@ -14,31 +14,12 @@ export default function GiftCard({
 	image,
 	title,
 	description,
+	price,
 	recipient,
 	selectedDate,
-	onEdit,
-	onDelete,
 }: GiftCardProps) {
-	const handleDelete = () => {
-		Alert.alert(
-			'Confirm Delete',
-			`Are you sure you want to delete the gift idea "${title}"?`,
-			[
-				{ text: 'Cancel', style: 'cancel' },
-				{ text: 'Delete', style: 'destructive', onPress: onDelete },
-			],
-		);
-	};
-
 	const router = useRouter();
 
-	const handleEdit = () => {
-		router.push({
-			pathname: '/edit-gift',
-			params: { id, image, title, description, recipient, selectedDate },
-		});
-	};
-
 	const handlePress = () => {
 		router.push({
 			pathname: '/detail-gift',
@@ -51,20 +32,11 @@ export default function GiftCard({
 			<Image source={{ uri: image }} style={styles.image} />
 			<View style={styles.content}>
 				<Text style={styles.title}>{title}</Text>
-				<Text style={styles.description}>{description}</Text>
-				<Text style={styles.recipient}>For: {recipient}</Text>
+				<Text style={styles.recipient}>for {recipient}</Text>
 				<Text style={styles.date}>
-					Event Date: {new Date(selectedDate).toLocaleDateString()}
+					Happening on {new Date(selectedDate).toLocaleDateString()}
 				</Text>
 			</View>
-			<View style={styles.actions}>
-				<Pressable onPress={handleEdit} style={styles.actionButton}>
-					<Ionicons name="pencil-outline" size={20} color="#007BFF" />
-				</Pressable>
-				<Pressable onPress={handleDelete} style={styles.actionButton}>
-					<Ionicons name="trash-outline" size={20} color="#FF4D4F" />
-				</Pressable>
-			</View>
 		</Pressable>
 	);
 }

src/models/GiftIdea.ts

@@ -3,6 +3,7 @@ export interface GiftIdea {
 	image: string;
 	title: string;
 	description: string;
+	price: number;
 	recipient: string;
 	selectedDate: string;
 }