diff --git a/app/(root)/(screens)/checkout-success.tsx b/app/(root)/(screens)/checkout-success.tsx new file mode 100644 index 0000000..6144fd4 --- /dev/null +++ b/app/(root)/(screens)/checkout-success.tsx @@ -0,0 +1,59 @@ +import { router, useLocalSearchParams } from "expo-router"; +import { View } from "react-native"; +import { Button } from "@/components/ui/Button"; +import { Card } from "@/components/ui/Card"; +import { AppHeader } from "@/components/ui/Header"; +import { Screen } from "@/components/ui/Screen"; +import { Text } from "@/components/ui/Text"; +import { routes } from "@/lib/routes"; +import { useOrdersStore } from "@/lib/stores/ordersStore"; +import { colors, gutter } from "@/lib/theme"; +import { formatETB } from "@/lib/utils"; + +export default function CheckoutSuccessScreen() { + const params = useLocalSearchParams<{ id?: string }>(); + const id = Array.isArray(params.id) ? params.id[0] : params.id; + const order = useOrdersStore((s) => s.orders.find((o) => o.id === id)); + + return ( + + + + + Thank you + + {order + ? `Order ${order.id.slice(-8).toUpperCase()} · ${formatETB(order.selfPay ?? order.total)}` + : "Your order was placed successfully."} + + {order?.pickupCode ? ( + + Code {order.pickupCode} + + ) : null} + +