Compare commits

...

4 commits

Author SHA1 Message Date
Anna-Sara Sélea
1da5fccff8 Removed script from package.json 2025-04-21 12:47:09 +02:00
Anna-Sara Sélea
f3ed9c4d99 Added swish link to Thankyou view 2025-04-21 11:23:19 +02:00
Anna-Sara Sélea
a8435b9ced Customer: Added guiardian name to frontend 2025-04-21 10:44:27 +02:00
Anna-Sara Sélea
5008ae6b05 Added new favicon 2025-04-21 10:43:53 +02:00
4 changed files with 7 additions and 4 deletions

View file

@ -2,7 +2,7 @@
"private": true, "private": true,
"type": "module", "type": "module",
"scripts": { "scripts": {
"build": "tsc && vite build && sass --load-path=node_modules my-bulma-project.scss my-bulma-project.css", "build": "tsc && vite build && sass --load-path=node_modules",
"dev": "vite" "dev": "vite"
}, },
"devDependencies": { "devDependencies": {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 0 B

After

Width:  |  Height:  |  Size: 49 KiB

View file

@ -10,6 +10,7 @@ interface CustomerProps {
deposit: number deposit: number
amount_left: number amount_left: number
give_leftover: number give_leftover: number
guardian_name: string
purchases: [{ purchases: [{
id: number id: number
amount: number amount: number
@ -52,8 +53,9 @@ export default function Customer({customer}: CustomerProps) {
<div className="box"> <div className="box">
<h2 className='title is-4'>Saldo: {customer.amount_left ? customer.amount_left : 0} kr</h2> <h2 className='title is-4'>Saldo: {customer.amount_left ? customer.amount_left : 0} kr</h2>
{ customer.deposit && { customer.deposit &&
<p>Swishad summa: {customer.deposit} kr</p> <p>Inbetalad summa: {customer.deposit} kr</p>
} }
<p>Vårnadshavare: {customer.guardian_name}</p>
<p>Ge ev överblivet saldo till vBytes: {customer.give_leftover ? "Ja" : "Nej"}</p> <p>Ge ev överblivet saldo till vBytes: {customer.give_leftover ? "Ja" : "Nej"}</p>
</div> </div>

View file

@ -10,8 +10,9 @@ export default function Thankyou() {
<section className='section'> <section className='section'>
<div className="container is-max-desktop"> <div className="container is-max-desktop">
<div className="box px-5 py-5"> <div className="box px-5 py-5">
<h1 className="title px-3 py-3">Tack! Deltagaren registrerad</h1> <h1 className="title px-3 py-3">Tack! Deltagaren är registrerad</h1>
<p className="subtitle is-5 px-3 py-3">Swisha eller betala in en önskad summa pengar och meddela kioskpersonal.</p> <p className="subtitle is-5 px-3 py-3">Swisha in en önskad summa pengar och meddela kioskpersonal eller betala in en önskad summa pengar i kontanter till kioskpersonal.</p>
<a className='button' href="swish://">Öppna swish</a>
</div> </div>
</div> </div>
</section> </section>