admin/homaroma
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

style(spa): add total price back to confirm order button

Browse Source
This commit is contained in:
Your Name committed 2026-06-06 20:23:56 +07:00
1 parent 5b5961d62c
commit 724c4c66c9
1 file changed
+12 -4
Download Patch File Download Diff File Expand all files Collapse all files
apps/spa/src/pages/CheckoutPage.tsx
+12 -4
View File
@@ -358,9 +358,13 @@ export default function CheckoutPage() {
<button
type="submit"
disabled={loading || loadingSettings}
className="w-full py-4 bg-spa-forest text-white font-bold rounded-xl tracking-widest uppercase hover:bg-spa-stone hover:shadow-lg transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed flex lg:hidden justify-center items-center gap-2 mt-4"
className="w-full py-4 px-6 bg-spa-forest text-white font-bold rounded-xl tracking-widest uppercase hover:bg-spa-stone hover:shadow-lg transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed flex lg:hidden justify-between items-center mt-4"
>
{loading ? <Loader2 className="w-5 h-5 animate-spin" /> : 'Confirm Order'}
<div className="flex items-center gap-2">
{loading && <Loader2 className="w-5 h-5 animate-spin" />}
<span>Confirm Order</span>
</div>
<span className="text-sm border-l border-white/20 pl-4">{formatPrice(total)}</span>
</button>
</form>
</div>
@@ -523,9 +527,13 @@ export default function CheckoutPage() {
form="checkout-form"
type="submit"
disabled={loading || loadingSettings}
className="w-full mt-8 py-4 bg-spa-forest text-white font-bold rounded-xl tracking-widest uppercase hover:bg-spa-stone hover:shadow-lg transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed hidden lg:flex justify-center items-center gap-2"
className="w-full mt-8 py-4 px-6 bg-spa-forest text-white font-bold rounded-xl tracking-widest uppercase hover:bg-spa-stone hover:shadow-lg transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed hidden lg:flex justify-between items-center"
>
{loading ? <Loader2 className="w-5 h-5 animate-spin" /> : 'Confirm Order'}
<div className="flex items-center gap-2">
{loading && <Loader2 className="w-5 h-5 animate-spin" />}
<span>Confirm Order</span>
</div>
<span className="text-sm border-l border-white/20 pl-4">{formatPrice(total)}</span>
</button>
</div>
</div>