Northbrook/TastyBites
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/TastyBites.git synced 2024-12-28 02:16:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update cart value on checkout when page is loading

Browse source 
make checkout button less rounded
This commit is contained in:
Michał 2024-05-17 15:01:54 +01:00
parent f7edb8154e
commit 006a4a92b0
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
front/src/pages/Checkout.svelte
View file

@ -2,7 +2,7 @@
import { link } from "svelte-spa-router"; import { link } from "svelte-spa-router";
import { ArrowLeft, SealWarning, ArrowRight } from "phosphor-svelte"; import { ArrowLeft, SealWarning, ArrowRight } from "phosphor-svelte";
import { type Checkout } from '../lib/types'; import { type CartItem, type Checkout } from '../lib/types';
import Cart from "../lib/cart"; import Cart from "../lib/cart";
const CheckoutData: Checkout = { const CheckoutData: Checkout = {
@ -22,8 +22,12 @@
$: emailValid = CheckoutData.personal.email.length > 1 $: emailValid = CheckoutData.personal.email.length > 1
$: phoneValid = isNaN(CheckoutData.personal.phone) $: phoneValid = isNaN(CheckoutData.personal.phone)
$: items = Cart.getEntries(); let items: [string, CartItem][];
$: totalPrice = Cart.getTotalPrice(); let totalPrice: number;
Cart.subscribe(() => {
items = Cart.getEntries();
totalPrice = Cart.getTotalPrice();
});
let unavailableItems = false; let unavailableItems = false;
Cart.getEntries().forEach(([_, item]) => { Cart.getEntries().forEach(([_, item]) => {
@ -238,7 +242,7 @@
font-size: $font-size-p; font-size: $font-size-p;
text-decoration: none; text-decoration: none;
border-radius: $border-radius-circle; border-radius: $border-radius-large;
border: 0 solid transparent; border: 0 solid transparent;
background-color: $color-primary; background-color: $color-primary;
color: $color-on-primary; color: $color-on-primary;