From 4fba7f87b8432c503ba690e83155be5bba880857 Mon Sep 17 00:00:00 2001 From: neil Date: Mon, 16 Jan 2023 09:52:13 +0800 Subject: [PATCH] #145 relayout home page --- .../EssentialWorkshops.svelte | 5 +++- .../components/FooterLinks/FooterLinks.svelte | 2 +- .../Packages.svelte} | 6 ++++- .../components/PageHeader/PageHeader.svelte | 13 ++++++++-- modules/gui/src/routes/+page.svelte | 23 +++++++----------- .../gui/static/images/headers/header_bg_1.png | Bin 0 -> 323833 bytes 6 files changed, 30 insertions(+), 19 deletions(-) rename modules/gui/src/components/{TopPackages/TopPackages.svelte => Packages/Packages.svelte} (93%) create mode 100644 modules/gui/static/images/headers/header_bg_1.png diff --git a/modules/gui/src/components/EssentialWorkshops/EssentialWorkshops.svelte b/modules/gui/src/components/EssentialWorkshops/EssentialWorkshops.svelte index 1d64133..29272fe 100644 --- a/modules/gui/src/components/EssentialWorkshops/EssentialWorkshops.svelte +++ b/modules/gui/src/components/EssentialWorkshops/EssentialWorkshops.svelte @@ -6,12 +6,15 @@ import Preloader from '@tea/ui/Preloader/Preloader.svelte'; import { postsStore } from '$libs/stores'; + export let title = 'Workshops'; + export let ctaLabel = 'View all'; + let courses: AirtablePost[] = []; postsStore.subscribeByTag('course', (posts) => (courses = posts)); - + {#if courses.length} {:else} diff --git a/modules/gui/src/components/FooterLinks/FooterLinks.svelte b/modules/gui/src/components/FooterLinks/FooterLinks.svelte index 50e294c..18aba0a 100644 --- a/modules/gui/src/components/FooterLinks/FooterLinks.svelte +++ b/modules/gui/src/components/FooterLinks/FooterLinks.svelte @@ -12,7 +12,7 @@ here.

- grid + grid
diff --git a/modules/gui/src/components/TopPackages/TopPackages.svelte b/modules/gui/src/components/Packages/Packages.svelte similarity index 93% rename from modules/gui/src/components/TopPackages/TopPackages.svelte rename to modules/gui/src/components/Packages/Packages.svelte index 9917058..69d7cbe 100644 --- a/modules/gui/src/components/TopPackages/TopPackages.svelte +++ b/modules/gui/src/components/Packages/Packages.svelte @@ -5,9 +5,13 @@ import Preloader from '@tea/ui/Preloader/Preloader.svelte'; import PackageCard from '@tea/ui/PackageCard/PackageCard.svelte'; import { onMount } from 'svelte'; + + // TODO: replace with getting foundation essentials import { getTopPackages } from '$libs/api/mock'; import { installPackage } from '@api'; + export let title = 'Packages'; + let packages: GUIPackage[] = []; const getCTALabel = (state: PackageStates): string => { @@ -27,7 +31,7 @@
- TOP PACKAGES + {title} View all packages