SidharthPL/Canteen-Management-System
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ritz token page added

Browse Source
This commit is contained in:
Sidharth Prabhu
2026-04-20 19:48:59 +05:30
parent 2a51622450
commit c8936d8cad
32 changed files with 1948 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ordering_site/src/components/CartTab.tsx
View File

@@ -23,7 +23,7 @@ const CartTab: React.FC = () => {
{totalItems} {totalItems === 1 ? 'item' : 'items'}
</span>
</div>
<div className="cart-total">₹{totalPrice.toFixed(0)}</div>
<div className="cart-total">R{totalPrice.toFixed(0)}</div>
</div>
<button className="place-order-btn" onClick={() => navigate('/checkout')}>

2
ordering_site/src/components/Header.tsx
View File

@@ -70,7 +70,7 @@ const Header: React.FC<HeaderProps> = ({ title, onBack, showCart = true }) => {
{totalItems > 0 ? (
<>
<span className="cart-count">{totalItems}</span>
<span className="cart-price">₹{totalPrice.toFixed(2)}</span>
<span className="cart-price">R{totalPrice.toFixed(2)}</span>
</>
) : (
<span className="cart-text">Cart</span>

2
ordering_site/src/components/ItemCard.tsx
View File

@@ -31,7 +31,7 @@ const ItemCard: React.FC<ItemCardProps> = ({ item, isLast }) => {
</div>
<h3 className="item-name">{item.name}</h3>
<p className="item-price">₹{item.price.toFixed(2)}</p>
<p className="item-price">R{item.price.toFixed(2)}</p>
<p className="item-description">{item.description}</p>
</div>

10
ordering_site/src/pages/CartScreen.tsx
View File

@@ -46,7 +46,7 @@ const CartScreen: React.FC = () => {
</div>
<div className="cart-item-footer">
<span className="cart-item-price">₹{(item.price * item.quantity).toFixed(2)}</span>
<span className="cart-item-price">R{(item.price * item.quantity).toFixed(2)}</span>
<div className="cart-quantity-controls">
<button onClick={() => updateQuantity(item.id, -1)}>
@@ -67,7 +67,7 @@ const CartScreen: React.FC = () => {
<h2 className="section-title">Bill Details</h2>
<div className="bill-row">
<span>Item Total</span>
<span>₹{totalPrice.toFixed(2)}</span>
<span>R{totalPrice.toFixed(2)}</span>
</div>
<div className="bill-row">
<span>Delivery Fee</span>
@@ -75,11 +75,11 @@ const CartScreen: React.FC = () => {
</div>
<div className="bill-row">
<span>Taxes and Charges</span>
<span>₹2.50</span>
<span>R2.50</span>
</div>
<div className="bill-row total">
<span>To Pay</span>
<span>₹{(totalPrice + 2.5).toFixed(2)}</span>
<span>R{(totalPrice + 2.5).toFixed(2)}</span>
</div>
</div>
</main>
@@ -87,7 +87,7 @@ const CartScreen: React.FC = () => {
<div className="cart-footer">
<div className="footer-total">
<span className="items-count">{totalItems} {totalItems === 1 ? 'Item' : 'Items'}</span>
<span className="final-price">₹{(totalPrice + 2.5).toFixed(2)}</span>
<span className="final-price">R{(totalPrice + 2.5).toFixed(2)}</span>
</div>
<button
className="checkout-button"

2
ordering_site/src/pages/CheckoutScreen.tsx
View File

@@ -181,7 +181,7 @@ const CheckoutScreen: React.FC = () => {
<div className="payment-security-note">
<ShieldCheck size={14} />
<span>Secured by Ritz Token Protocol. 1 Token = ₹1.00</span>
<span>Secured by Ritz Token Protocol. 1 Token = R1.00</span>
</div>
</section>

4
ordering_site/src/pages/ItemDetailScreen.tsx
View File

@@ -49,7 +49,7 @@ const ItemDetailScreen: React.FC = () => {
</div>
<h1 className="item-name-large">{item.name}</h1>
<p className="item-price-large">₹{item.price.toFixed(2)}</p>
<p className="item-price-large">R{item.price.toFixed(2)}</p>
</div>
<div className="item-description-section">
@@ -88,7 +88,7 @@ const ItemDetailScreen: React.FC = () => {
<footer className="item-footer">
<div className="footer-price-info">
<span className="total-label">Price</span>
<span className="total-value">₹{(item.price * Math.max(1, quantity)).toFixed(2)}</span>
<span className="total-value">R{(item.price * Math.max(1, quantity)).toFixed(2)}</span>
</div>
<div className="footer-action">

8
ordering_site/src/pages/MyOrdersScreen.tsx
View File

@@ -227,7 +227,7 @@ const MyOrdersScreen: React.FC = () => {
<div className="order-total-bar">
<span>Total Amount</span>
<span className="amount-text">₹{latestOrder.totalAmount.toFixed(2)}</span>
<span className="amount-text">R{latestOrder.totalAmount.toFixed(2)}</span>
</div>
<button
@@ -256,7 +256,7 @@ const MyOrdersScreen: React.FC = () => {
<div className="order-list-info">
<div className="order-list-top">
<span className="order-list-number">#{order.displayOrderId}</span>
<span className="order-list-price">₹{order.totalAmount.toFixed(0)}</span>
<span className="order-list-price">R{order.totalAmount.toFixed(0)}</span>
</div>
<div className="order-list-bottom">
<span className="order-list-date">{new Date(order.createdAt).toLocaleDateString()}</span>
@@ -353,12 +353,12 @@ const MyOrdersScreen: React.FC = () => {
{selectedOrder.items.map((item, idx) => (
<div key={idx} className="modal-item-row">
<span>{item.quantity} x {item.productName}</span>
<span>₹{(item.price * item.quantity).toFixed(0)}</span>
<span>R{(item.price * item.quantity).toFixed(0)}</span>
</div>
))}
<div className="modal-total-row">
<span>Grand Total</span>
<span>₹{selectedOrder.totalAmount.toFixed(2)}</span>
<span>R{selectedOrder.totalAmount.toFixed(2)}</span>
</div>
</div>