louiscklaw/HKSingleParty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update ordering app,

Browse Source
This commit is contained in:
louiscklaw
2025-06-06 14:07:30 +08:00
parent 7cc6d939f5
commit 03782cde24
5 changed files with 82 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
03_source/mobile/src/pages/DemoOrderingApp/components/CoffeeCard.tsx
View File

@@ -1,28 +1,26 @@
import { IonCard, IonCardSubtitle, IonCardTitle, IonCol } from "@ionic/react";
import { ArrowRightSquare } from "react-iconly";
import { IonCard, IonCardSubtitle, IonCardTitle, IonCol } from '@ionic/react';
import { ArrowRightSquare } from 'react-iconly';
import styles from "./CoffeeCard.module.css";
import styles from './CoffeeCard.module.css';
const CoffeeCard = props => {
const CoffeeCard = (props) => {
const { coffee } = props;
const { coffee } = props;
return (
<IonCol size="6" className="animate__animated animate__fadeIn">
<IonCard className={styles.coffeeCard} routerLink={`/coffee/${coffee.id}`}>
<img src={coffee.image} alt="coffee" />
<IonCardTitle>{coffee.name}</IonCardTitle>
<IonCardSubtitle>{coffee.summary}</IonCardSubtitle>
<div className={styles.coffeePrice}>
<h4>${coffee.price}</h4>
<div className={styles.coffeeAddButton}>
<ArrowRightSquare set="bold" className="yellow-icon" />
</div>
</div>
</IonCard>
</IonCol>
);
};
return (
<IonCol size="6" className="animate__animated animate__fadeIn">
<IonCard className={ styles.coffeeCard } routerLink={ `/coffee/${ coffee.id }` }>
<img src={ coffee.image } alt="coffee" />
<IonCardTitle>{ coffee.name }</IonCardTitle>
<IonCardSubtitle>{ coffee.summary }</IonCardSubtitle>
<div className={ styles.coffeePrice }>
<h4>${ coffee.price }</h4>
<div className={ styles.coffeeAddButton }>
<ArrowRightSquare set="bold" className="yellow-icon" />
</div>
</div>
</IonCard>
</IonCol>
);
}
export default CoffeeCard;
export default CoffeeCard;