From c612a64044cb7d0a0faab1ab0ca161c6a97fd438 Mon Sep 17 00:00:00 2001 From: Dillon Fagan Date: Mon, 5 Dec 2022 19:57:41 -0500 Subject: [PATCH 01/22] WIP --- src/app.css | 8 +++---- src/lib/filters.ts | 4 +++- src/lib/foundation/Chooser.svelte | 37 +++++++++++++++++++++++++++++++ src/routes/+page.svelte | 11 ++++++++- 4 files changed, 54 insertions(+), 6 deletions(-) create mode 100644 src/lib/foundation/Chooser.svelte diff --git a/src/app.css b/src/app.css index 35840cd..e814087 100644 --- a/src/app.css +++ b/src/app.css @@ -12,14 +12,14 @@ .hovers { box-shadow: 2px 2px 0 #000000; -webkit-box-shadow: 2px 2px 0px 0px #000000; - @apply transform duration-200; + /* @apply transform duration-200; */ } .hovers:focus, .hovers:hover { - box-shadow: 4px 4px 0 #000000; - -webkit-box-shadow: 4px 4px 0px 0px #000000; - @apply scale-105; + box-shadow: 3px 3px 0 #000000; + -webkit-box-shadow: 3px 3px 0px 0px #000000; + /* @apply scale-105; */ } } diff --git a/src/lib/filters.ts b/src/lib/filters.ts index 968d86b..cc08df7 100644 --- a/src/lib/filters.ts +++ b/src/lib/filters.ts @@ -1,5 +1,7 @@ -export const filter = (things, { keyword, onlyWishList }) => { +export const filter = (things, { keyword, onlyWishList, category }) => { let filtered = things; + if (category) + filtered = filtered.filter(thing => thing.categories.includes(category)); if (keyword.length > 0) filtered = filtered.filter(thing => thing.name.toLowerCase().includes(keyword.toLowerCase())); if (onlyWishList) diff --git a/src/lib/foundation/Chooser.svelte b/src/lib/foundation/Chooser.svelte new file mode 100644 index 0000000..d9a3ab5 --- /dev/null +++ b/src/lib/foundation/Chooser.svelte @@ -0,0 +1,37 @@ + + + dropdownHidden = true} /> + +
{}} on:keypress={() => {}}> + +
+ {#each options as option} + + {/each} +
+
+ + \ No newline at end of file diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 71a18c3..eea1df5 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -3,17 +3,20 @@ import Things from "$lib/things/Things.svelte"; import { Button, ButtonTheme, TextInput } from "$lib/Foundation.svelte"; import LoadingIndicator from "$lib/LoadingIndicator.svelte"; + import Chooser from "$lib/foundation/Chooser.svelte"; export let data; let shownThings = data.things; + let shownCategory = "DIY"; let searchText = ""; let showingOnlyWishList = false; const filterThings = () => { shownThings = filter(data.things, { keyword: searchText, - onlyWishList: showingOnlyWishList + onlyWishList: showingOnlyWishList, + category: shownCategory }); } @@ -26,6 +29,11 @@ showingOnlyWishList = true; filterThings(); } + + const filterThingsByCategory = (event) => { + shownCategory = event.detail; + filterThings(); + }
@@ -43,6 +51,7 @@
From 033655eae80209a9368e37fdd618d861fbe33c38 Mon Sep 17 00:00:00 2001 From: Dillon Fagan Date: Mon, 5 Dec 2022 20:38:54 -0500 Subject: [PATCH 02/22] Finish Chooser --- src/lib/foundation/Chooser.svelte | 8 ++++---- src/routes/+page.svelte | 20 ++------------------ 2 files changed, 6 insertions(+), 22 deletions(-) diff --git a/src/lib/foundation/Chooser.svelte b/src/lib/foundation/Chooser.svelte index d9a3ab5..2b05dd4 100644 --- a/src/lib/foundation/Chooser.svelte +++ b/src/lib/foundation/Chooser.svelte @@ -21,11 +21,11 @@ dropdownHidden = true} /> -
{}} on:keypress={() => {}}> - -
+
{}} on:keypress={() => {}}> + +
{#each options as option} - + {/each}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index eea1df5..a0b95a6 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -20,16 +20,6 @@ }); } - const showAll = () => { - showingOnlyWishList = false; - filterThings(); - } - - const showOnlyWishList = () => { - showingOnlyWishList = true; - filterThings(); - } - const filterThingsByCategory = (event) => { shownCategory = event.detail; filterThings(); @@ -40,19 +30,13 @@ {#if !data} {:else} -
+
+ -
- {#key showingOnlyWishList} -
{/if} From 5ac9fac431290de7f9883fe0f266fc5799a3490e Mon Sep 17 00:00:00 2001 From: Dillon Fagan Date: Mon, 5 Dec 2022 21:24:57 -0500 Subject: [PATCH 03/22] Change stock to Available --- src/lib/foundation/Text.svelte | 2 +- src/lib/things/Thing.svelte | 8 +++++--- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/src/lib/foundation/Text.svelte b/src/lib/foundation/Text.svelte index 815e894..0705d52 100644 --- a/src/lib/foundation/Text.svelte +++ b/src/lib/foundation/Text.svelte @@ -41,7 +41,7 @@ } div.smallauto { - @apply text-xs; + @apply text-sm; @apply lg:text-lg; } diff --git a/src/lib/things/Thing.svelte b/src/lib/things/Thing.svelte index 3c176a7..190d838 100644 --- a/src/lib/things/Thing.svelte +++ b/src/lib/things/Thing.svelte @@ -11,9 +11,11 @@
{thing.name}
-
- {thing.stock > 0 ? `${thing.stock} in stock` : 'Wish List'} -
+ {#if thing.stock > 0} +
Available
+ {:else} +
Wish List
+ {/if}
\ No newline at end of file From 3e2faa2b00758a12dd449c29e53e7998dfe21e2b Mon Sep 17 00:00:00 2001 From: Dillon Fagan Date: Sat, 31 Dec 2022 15:36:05 -0500 Subject: [PATCH 04/22] Add conditional layout for showing things filtered by category --- src/lib/foundation/Button.svelte | 1 - src/lib/things/Scroller.svelte | 7 +++++-- src/lib/things/Thing.svelte | 5 ++++- src/lib/things/Things.svelte | 27 +++++++++++++++------------ src/routes/+page.svelte | 16 +++++++++++++--- 5 files changed, 37 insertions(+), 19 deletions(-) diff --git a/src/lib/foundation/Button.svelte b/src/lib/foundation/Button.svelte index 400f47f..25b02ec 100644 --- a/src/lib/foundation/Button.svelte +++ b/src/lib/foundation/Button.svelte @@ -11,7 +11,6 @@ const dispatch = createEventDispatcher(); const onClick = () => { - if (selected) return; dispatch('click', `"${text}" Button clicked`); } diff --git a/src/lib/things/Scroller.svelte b/src/lib/things/Scroller.svelte index 4d5fc91..dccd0f8 100644 --- a/src/lib/things/Scroller.svelte +++ b/src/lib/things/Scroller.svelte @@ -1,12 +1,15 @@ -
+
{#each things as thing} - + {/each}
\ No newline at end of file diff --git a/src/lib/things/Thing.svelte b/src/lib/things/Thing.svelte index 190d838..e69d0d1 100644 --- a/src/lib/things/Thing.svelte +++ b/src/lib/things/Thing.svelte @@ -2,9 +2,12 @@ import { Card, Image, Text } from "$lib/Foundation.svelte"; export let thing; + + let className = ""; + export { className as class }; -
+
{thing.name} diff --git a/src/lib/things/Things.svelte b/src/lib/things/Things.svelte index abb2d06..7a9e8d0 100644 --- a/src/lib/things/Things.svelte +++ b/src/lib/things/Things.svelte @@ -4,22 +4,25 @@ export let things; export let categories; + export let shownCategory;
{#key things} - {#each categories as category} - {@const filteredThings = filterByCategory(things, category)} - {#if filteredThings.length > 0} -
-
- {category} + {#if shownCategory} + + {:else} + {#each categories as category} + {@const filteredThings = filterByCategory(things, category)} + {#if filteredThings.length > 0} +
+
+ {category} +
+
- -
- {/if} - {/each} + {/if} + {/each} + {/if} {/key}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index a0b95a6..4870dc4 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -24,20 +24,30 @@ shownCategory = event.detail; filterThings(); } + + const toggleWishList = () => { + showingOnlyWishList = !showingOnlyWishList; + filterThings(); + }
{#if !data} {:else} -
- +
+
+ + {#key showingOnlyWishList} +
- + {/if}
\ No newline at end of file From 786920e796c9f7f6f2f2e53b343a8664364e2329 Mon Sep 17 00:00:00 2001 From: Dillon Fagan Date: Sun, 1 Jan 2023 08:38:06 -0500 Subject: [PATCH 05/22] Fix inconsistencies in main layout --- src/lib/foundation/Image.svelte | 6 ++++-- src/lib/things/Scroller.svelte | 6 +++--- src/lib/things/Thing.svelte | 6 +++--- src/routes/+page.svelte | 10 ++++++---- 4 files changed, 16 insertions(+), 12 deletions(-) diff --git a/src/lib/foundation/Image.svelte b/src/lib/foundation/Image.svelte index be4f452..ca0e19f 100644 --- a/src/lib/foundation/Image.svelte +++ b/src/lib/foundation/Image.svelte @@ -1,7 +1,9 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/lib/things/Scroller.svelte b/src/lib/things/Scroller.svelte index dccd0f8..ec5bf42 100644 --- a/src/lib/things/Scroller.svelte +++ b/src/lib/things/Scroller.svelte @@ -2,14 +2,14 @@ import Thing from "./Thing.svelte"; export let wrap = false; - const wrapStyle = wrap ? "flex-wrap" : "flex-row lg:flex-wrap"; + const style = wrap ? "grid grid-cols-3 md:grid-cols-5 gap-4 place-content-between" : "flex flex-row overflow-auto"; export let things = []; things = things.sort((a, b) => b.stock - a.stock); -
+
{#each things as thing} - + {/each}
\ No newline at end of file diff --git a/src/lib/things/Thing.svelte b/src/lib/things/Thing.svelte index e69d0d1..aaaa9f6 100644 --- a/src/lib/things/Thing.svelte +++ b/src/lib/things/Thing.svelte @@ -8,10 +8,10 @@
- - {thing.name} + + {thing.name} -
+
{thing.name}
{#if thing.stock > 0} diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 4870dc4..7ce0d18 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -31,12 +31,12 @@ } -
+
{#if !data} {:else} -
-
+
+
{#key showingOnlyWishList}
- +
+ +
{/if}
\ No newline at end of file From e64b72eccbe9c971f348fb9285cfc46f616fe75b Mon Sep 17 00:00:00 2001 From: Dillon Fagan Date: Sun, 1 Jan 2023 08:42:57 -0500 Subject: [PATCH 06/22] Increase chooser option font on small screens --- src/lib/foundation/Chooser.svelte | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/lib/foundation/Chooser.svelte b/src/lib/foundation/Chooser.svelte index 2b05dd4..528f378 100644 --- a/src/lib/foundation/Chooser.svelte +++ b/src/lib/foundation/Chooser.svelte @@ -23,9 +23,9 @@
{}} on:keypress={() => {}}> -
+
{#each options as option} - + {/each}
From 968273101f0ff4df45cadaa95b5666794d606021 Mon Sep 17 00:00:00 2001 From: Dillon Fagan Date: Mon, 2 Jan 2023 15:53:28 -0500 Subject: [PATCH 07/22] Remove disabled css --- src/app.css | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/app.css b/src/app.css index e814087..0587506 100644 --- a/src/app.css +++ b/src/app.css @@ -12,14 +12,12 @@ .hovers { box-shadow: 2px 2px 0 #000000; -webkit-box-shadow: 2px 2px 0px 0px #000000; - /* @apply transform duration-200; */ } .hovers:focus, .hovers:hover { box-shadow: 3px 3px 0 #000000; -webkit-box-shadow: 3px 3px 0px 0px #000000; - /* @apply scale-105; */ } } From 9fe7abee0b66632372ca57ba13e7a8e58ae008d6 Mon Sep 17 00:00:00 2001 From: Dillon Fagan Date: Mon, 2 Jan 2023 15:57:44 -0500 Subject: [PATCH 08/22] Reduce font size of Thing tags --- src/lib/things/Thing.svelte | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/lib/things/Thing.svelte b/src/lib/things/Thing.svelte index aaaa9f6..ffdad0b 100644 --- a/src/lib/things/Thing.svelte +++ b/src/lib/things/Thing.svelte @@ -15,9 +15,9 @@ {thing.name}
{#if thing.stock > 0} -
Available
+
Available
{:else} -
Wish List
+
Wish List
{/if}
From 97457cfde55c8dcce008e21ed465e4d5d652868a Mon Sep 17 00:00:00 2001 From: Dillon Fagan Date: Mon, 2 Jan 2023 16:06:49 -0500 Subject: [PATCH 09/22] Increase y gap in Thing grid --- src/lib/things/Scroller.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/things/Scroller.svelte b/src/lib/things/Scroller.svelte index ec5bf42..4cb7d7f 100644 --- a/src/lib/things/Scroller.svelte +++ b/src/lib/things/Scroller.svelte @@ -2,7 +2,7 @@ import Thing from "./Thing.svelte"; export let wrap = false; - const style = wrap ? "grid grid-cols-3 md:grid-cols-5 gap-4 place-content-between" : "flex flex-row overflow-auto"; + const style = wrap ? "grid grid-cols-3 md:grid-cols-5 gap-x-4 gap-y-6 place-content-between" : "flex flex-row overflow-auto"; export let things = []; things = things.sort((a, b) => b.stock - a.stock); From 7c78e77cd61978cf226f053eff2bec3ff53ae24e Mon Sep 17 00:00:00 2001 From: Dillon Fagan Date: Mon, 2 Jan 2023 16:16:14 -0500 Subject: [PATCH 10/22] Add prompt to chooser --- src/lib/foundation/Chooser.svelte | 1 + 1 file changed, 1 insertion(+) diff --git a/src/lib/foundation/Chooser.svelte b/src/lib/foundation/Chooser.svelte index 528f378..1501527 100644 --- a/src/lib/foundation/Chooser.svelte +++ b/src/lib/foundation/Chooser.svelte @@ -24,6 +24,7 @@
{}} on:keypress={() => {}}>
+
Choose a category:
{#each options as option} {/each} From 05cf2b381feafbf8bbdc97d5b09d9432ef251ac1 Mon Sep 17 00:00:00 2001 From: Dillon Fagan Date: Tue, 3 Jan 2023 08:40:44 -0500 Subject: [PATCH 11/22] Remove hover effect from Card --- src/app.css | 5 +++++ src/lib/foundation/Card.svelte | 3 +-- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/src/app.css b/src/app.css index 0587506..122c8d9 100644 --- a/src/app.css +++ b/src/app.css @@ -9,6 +9,11 @@ @apply border-2 border-black rounded-md; } + .hovers-static { + box-shadow: 2px 2px 0 #000000; + -webkit-box-shadow: 2px 2px 0px 0px #000000; + } + .hovers { box-shadow: 2px 2px 0 #000000; -webkit-box-shadow: 2px 2px 0px 0px #000000; diff --git a/src/lib/foundation/Card.svelte b/src/lib/foundation/Card.svelte index 14070e1..b4670b5 100644 --- a/src/lib/foundation/Card.svelte +++ b/src/lib/foundation/Card.svelte @@ -1,10 +1,9 @@
-
+
\ No newline at end of file From 3d8f9f0b26016e4b4e38c6474875be75fd1c1ff3 Mon Sep 17 00:00:00 2001 From: Dillon Fagan Date: Tue, 3 Jan 2023 13:52:49 -0500 Subject: [PATCH 12/22] Streamline Header --- src/lib/layout/Header.svelte | 23 ++++++----------------- src/routes/+page.svelte | 4 ++-- 2 files changed, 8 insertions(+), 19 deletions(-) diff --git a/src/lib/layout/Header.svelte b/src/lib/layout/Header.svelte index 3b0913e..5132870 100644 --- a/src/lib/layout/Header.svelte +++ b/src/lib/layout/Header.svelte @@ -1,33 +1,22 @@ - - -
+
-
+
- PVD Things + PVD Things
- - {#if title} - {title} - {:else} -

PVD Things

- {/if} +

PVD Things

\ No newline at end of file diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 7ce0d18..c5d0fa2 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -31,11 +31,11 @@ } -
+
{#if !data} {:else} -
+
{#key showingOnlyWishList} From 3c8d11a46c10f7052ae6a31f813059049cc96091 Mon Sep 17 00:00:00 2001 From: Dillon Fagan Date: Tue, 3 Jan 2023 17:24:31 -0500 Subject: [PATCH 13/22] Hide wish list items when toggle is off --- src/lib/filters.ts | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/lib/filters.ts b/src/lib/filters.ts index cc08df7..2493421 100644 --- a/src/lib/filters.ts +++ b/src/lib/filters.ts @@ -6,6 +6,8 @@ export const filter = (things, { keyword, onlyWishList, category }) => { filtered = filtered.filter(thing => thing.name.toLowerCase().includes(keyword.toLowerCase())); if (onlyWishList) filtered = filtered.filter(thing => thing.stock < 1); + if (!onlyWishList) + filtered = filtered.filter(thing => thing.stock !== 0); return filtered; } From 598b91215666061262a53dc2e2cbbd7f19faf089 Mon Sep 17 00:00:00 2001 From: Dillon Fagan Date: Tue, 3 Jan 2023 18:05:23 -0500 Subject: [PATCH 14/22] Replace tool emoji with Chevron in Chooser --- src/lib/foundation/Chooser.svelte | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/lib/foundation/Chooser.svelte b/src/lib/foundation/Chooser.svelte index 1501527..ffaea68 100644 --- a/src/lib/foundation/Chooser.svelte +++ b/src/lib/foundation/Chooser.svelte @@ -22,8 +22,13 @@ dropdownHidden = true} />
{}} on:keypress={() => {}}> - -
+ +
Choose a category:
{#each options as option} From 87554393b9e151de0744ec474223c73fc77e5b3d Mon Sep 17 00:00:00 2001 From: Dillon Fagan Date: Tue, 3 Jan 2023 18:05:44 -0500 Subject: [PATCH 15/22] Change defaultToggled color to bg-primary in Button --- src/lib/foundation/Button.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/foundation/Button.svelte b/src/lib/foundation/Button.svelte index 25b02ec..51d5253 100644 --- a/src/lib/foundation/Button.svelte +++ b/src/lib/foundation/Button.svelte @@ -31,7 +31,7 @@ } button.defaultToggled { - @apply bg-yellow-400 !important; + @apply bg-primary !important; } button.alert { From a15c25b0e4bc096a5bffdd72200a033baeedca20 Mon Sep 17 00:00:00 2001 From: Dillon Fagan Date: Tue, 3 Jan 2023 18:27:50 -0500 Subject: [PATCH 16/22] Add show and hide icons to Wish List button --- src/lib/foundation/Button.svelte | 12 ++++++++++++ src/lib/icons/eye-off.svg | 1 + src/lib/icons/eye.svg | 1 + src/routes/+page.svelte | 4 +++- 4 files changed, 17 insertions(+), 1 deletion(-) create mode 100644 src/lib/icons/eye-off.svg create mode 100644 src/lib/icons/eye.svg diff --git a/src/lib/foundation/Button.svelte b/src/lib/foundation/Button.svelte index 51d5253..0234440 100644 --- a/src/lib/foundation/Button.svelte +++ b/src/lib/foundation/Button.svelte @@ -3,6 +3,8 @@ import ButtonTheme from './buttonTheme'; export let text: string = 'Button'; + export let icon: string = null; + export let selectedIcon: string = null; export let selected: boolean = false; export let theme: ButtonTheme = ButtonTheme.default; @@ -22,6 +24,12 @@ class:alert={theme === ButtonTheme.alert} class:alertToggled={isToggled(ButtonTheme.alert)} class="px-3 py-1 rounded brutal hovers font-bold font-display outline-none"> + {#if icon && !selected} + {text} + {/if} + {#if selectedIcon && selected} + {text} + {/if} {text} @@ -41,4 +49,8 @@ button.alertToggled { @apply bg-red-300 !important; } + + img.icon { + @apply inline h-5 w-5 mr-1; + } \ No newline at end of file diff --git a/src/lib/icons/eye-off.svg b/src/lib/icons/eye-off.svg new file mode 100644 index 0000000..c295e68 --- /dev/null +++ b/src/lib/icons/eye-off.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/lib/icons/eye.svg b/src/lib/icons/eye.svg new file mode 100644 index 0000000..c731d33 --- /dev/null +++ b/src/lib/icons/eye.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index c5d0fa2..109f582 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -4,6 +4,8 @@ import { Button, ButtonTheme, TextInput } from "$lib/Foundation.svelte"; import LoadingIndicator from "$lib/LoadingIndicator.svelte"; import Chooser from "$lib/foundation/Chooser.svelte"; + import EyeOffIcon from "$lib/icons/eye-off.svg"; + import EyeIcon from "$lib/icons/eye.svg"; export let data; @@ -39,7 +41,7 @@
{#key showingOnlyWishList} -
Date: Tue, 3 Jan 2023 18:28:01 -0500 Subject: [PATCH 17/22] Increase chevron size in Chooser --- src/lib/foundation/Chooser.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/foundation/Chooser.svelte b/src/lib/foundation/Chooser.svelte index ffaea68..cf2e3cf 100644 --- a/src/lib/foundation/Chooser.svelte +++ b/src/lib/foundation/Chooser.svelte @@ -24,7 +24,7 @@
{}} on:keypress={() => {}}> From 6d8a75ee1d156ee48f3216268040a8b866d36da4 Mon Sep 17 00:00:00 2001 From: Dillon Fagan Date: Tue, 3 Jan 2023 18:31:44 -0500 Subject: [PATCH 18/22] Allow category menu to scroll (for small screens) --- src/lib/foundation/Chooser.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/foundation/Chooser.svelte b/src/lib/foundation/Chooser.svelte index cf2e3cf..104237f 100644 --- a/src/lib/foundation/Chooser.svelte +++ b/src/lib/foundation/Chooser.svelte @@ -28,7 +28,7 @@ {chosenOption} -
+
Choose a category:
{#each options as option} From 07b636a5c1437ec1368bc0bf9cb63dfed141b06b Mon Sep 17 00:00:00 2001 From: Dillon Fagan Date: Tue, 3 Jan 2023 18:39:35 -0500 Subject: [PATCH 19/22] Filter things on initial page load to hide wish list --- src/routes/+page.svelte | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 109f582..24b0f0e 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,4 +1,5 @@
@@ -17,7 +19,7 @@ {#if thing.stock > 0}
Available
{:else} -
Wish List
+ Donate {/if}
From c1cf993332ec63afccd7d0ba8bbb748bdd880045 Mon Sep 17 00:00:00 2001 From: Dillon Fagan Date: Mon, 9 Jan 2023 15:16:21 -0500 Subject: [PATCH 22/22] Change Donate link to yellow bg --- src/lib/things/Thing.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/things/Thing.svelte b/src/lib/things/Thing.svelte index ea5b266..e3ba325 100644 --- a/src/lib/things/Thing.svelte +++ b/src/lib/things/Thing.svelte @@ -19,7 +19,7 @@ {#if thing.stock > 0}
Available
{:else} - Donate + Donate {/if}