From 3e92ade7c0d379441a8a016fd559a297bdaef93c Mon Sep 17 00:00:00 2001
From: neil <neil@neils-MacBook-Pro.local>
Date: Wed, 11 Jan 2023 14:39:22 +0800
Subject: [PATCH 1/3] #138 SuggestedPackages component

---
 .../SuggestedPackages.svelte                  | 63 +++++++++++++++++++
 .../src/routes/packages/[slug]/+page.svelte   |  7 ++-
 2 files changed, 69 insertions(+), 1 deletion(-)
 create mode 100644 modules/gui/src/components/SuggestedPackages/SuggestedPackages.svelte

diff --git a/modules/gui/src/components/SuggestedPackages/SuggestedPackages.svelte b/modules/gui/src/components/SuggestedPackages/SuggestedPackages.svelte
new file mode 100644
index 0000000..3e024ba
--- /dev/null
+++ b/modules/gui/src/components/SuggestedPackages/SuggestedPackages.svelte
@@ -0,0 +1,63 @@
+<script lang="ts">
+	import '$appcss';
+	import type { GUIPackage } from '$libs/types';
+	import type { Package } from '@tea/ui/types';
+	import { PackageStates } from '$libs/types';
+	import Preloader from '@tea/ui/Preloader/Preloader.svelte';
+	import PackageCard from '@tea/ui/PackageCard/PackageCard.svelte';
+	import { onMount } from 'svelte';
+	import { installPackage } from '@api';
+	import { packagesStore } from '$libs/stores';
+
+	export let pkg: Package;
+
+	let packages: GUIPackage[] = [];
+
+	const getCTALabel = (state: PackageStates): string => {
+		return {
+			[PackageStates.AVAILABLE]: 'INSTALL',
+			[PackageStates.INSTALLED]: 'INSTALLED',
+			[PackageStates.INSTALLING]: 'INSTALLING',
+			[PackageStates.UNINSTALLED]: 'RE-INSTALL'
+		}[state];
+	};
+
+	onMount(async () => {
+		if (!packages.length) {
+			const matches = await packagesStore.search(pkg.desc, 4);
+			packages = matches.filter((mp) => mp.full_name !== pkg.full_name).slice(0, 3);
+		}
+	});
+</script>
+
+<header class="flex items-center justify-between border border-gray bg-black p-4 text-primary">
+	<span>MORE LIKE THIS</span>
+</header>
+<ul class="grid grid-cols-3 bg-black">
+	{#if packages.length > 0}
+		{#each packages as pkg}
+			<div class={pkg.state === PackageStates.INSTALLING ? 'animate-pulse' : ''}>
+				<PackageCard
+					{pkg}
+					link={`/packages/${pkg.slug}`}
+					ctaLabel={getCTALabel(pkg.state)}
+					onClickCTA={async () => {
+						try {
+							pkg.state = PackageStates.INSTALLING;
+							await installPackage(pkg.full_name);
+							pkg.state = PackageStates.INSTALLED;
+						} catch (error) {
+							console.error(error);
+						}
+					}}
+				/>
+			</div>
+		{/each}
+	{:else}
+		{#each Array(9) as _}
+			<section class="h-50 border border-gray p-4">
+				<Preloader />
+			</section>
+		{/each}
+	{/if}
+</ul>
diff --git a/modules/gui/src/routes/packages/[slug]/+page.svelte b/modules/gui/src/routes/packages/[slug]/+page.svelte
index 5ed7afd..0e83113 100644
--- a/modules/gui/src/routes/packages/[slug]/+page.svelte
+++ b/modules/gui/src/routes/packages/[slug]/+page.svelte
@@ -5,7 +5,7 @@
 	import PackageBanner from '$components/PackageBanner/PackageBanner.svelte';
 	import PackageReviews from '$components/PackageReviews/PackageReviews.svelte';
 	import type { Review } from '@tea/ui/types';
-
+	import SuggestedPackages from '$components/SuggestedPackages/SuggestedPackages.svelte';
 	navStore.set('/packages');
 
 	/** @type {import('./$types').PageData} */
@@ -44,4 +44,9 @@
 	<section class="mt-8">
 		<PackageReviews reviews={reviews || []} />
 	</section>
+	{#if pkg}
+		<section class="mt-8">
+			<SuggestedPackages {pkg} />
+		</section>
+	{/if}
 </div>

From 9c751ac0d79c8464b37abc5fc970b83326c92437 Mon Sep 17 00:00:00 2001
From: neil <neil@neils-MacBook-Pro.local>
Date: Wed, 11 Jan 2023 14:59:28 +0800
Subject: [PATCH 2/3] fix ci

---
 .github/workflows/ci.yml      | 3 +--
 .github/workflows/main.yml    | 2 +-
 .github/workflows/release.yml | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 7aa1b92..432c872 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -68,8 +68,7 @@ jobs:
       - uses: actions/checkout@v3
       - name: build tauri for Linux
         run: |
-          sudo apt-get update
-          sudo apt-get install -y libgtk-3-dev webkit2gtk-4.0 libappindicator3-dev librsvg2-dev patchelf pkg-config
+          sudo apt-get install -y --fix-missing libgtk-3-dev webkit2gtk-4.0 libappindicator3-dev librsvg2-dev patchelf pkg-config
           sh <(curl https://tea.xyz) build
       - uses: aws-actions/configure-aws-credentials@v1
         with:
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index 09a1f96..2ba8841 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -84,7 +84,7 @@ jobs:
       if: startsWith(matrix.platform.name, 'linux')
       # TODO: https://tauri.app/v1/guides/distribution/sign-linux
       run: |
-        sudo apt-get install -y libgtk-3-dev webkit2gtk-4.0 libappindicator3-dev librsvg2-dev patchelf pkg-config
+        sudo apt-get install -y  --fix-missing libgtk-3-dev webkit2gtk-4.0 libappindicator3-dev librsvg2-dev patchelf pkg-config
         sh <(curl https://tea.xyz) build
 
     - name: Get current unix ts - seconds
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index 3ac9726..d3d1162 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -55,7 +55,7 @@ jobs:
       if: startsWith(matrix.platform.name, 'linux')
       # TODO: https://tauri.app/v1/guides/distribution/sign-linux
       run: |
-        sudo apt-get install -y libgtk-3-dev webkit2gtk-4.0 libappindicator3-dev librsvg2-dev patchelf pkg-config
+        sudo apt-get install -y  --fix-missing libgtk-3-dev webkit2gtk-4.0 libappindicator3-dev librsvg2-dev patchelf pkg-config
         sh <(curl https://tea.xyz) build
 
 

From bbc73aa7ebf9f7bc1b9d6aa5cf5b531e3acfbec9 Mon Sep 17 00:00:00 2001
From: neil <neil@neils-MacBook-Pro.local>
Date: Wed, 11 Jan 2023 15:10:31 +0800
Subject: [PATCH 3/3] add: apt-get update

---
 .github/workflows/ci.yml      | 3 ++-
 .github/workflows/main.yml    | 4 +++-
 .github/workflows/release.yml | 3 ++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 432c872..7aa1b92 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -68,7 +68,8 @@ jobs:
       - uses: actions/checkout@v3
       - name: build tauri for Linux
         run: |
-          sudo apt-get install -y --fix-missing libgtk-3-dev webkit2gtk-4.0 libappindicator3-dev librsvg2-dev patchelf pkg-config
+          sudo apt-get update
+          sudo apt-get install -y libgtk-3-dev webkit2gtk-4.0 libappindicator3-dev librsvg2-dev patchelf pkg-config
           sh <(curl https://tea.xyz) build
       - uses: aws-actions/configure-aws-credentials@v1
         with:
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index 2ba8841..8cab9df 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -40,6 +40,7 @@ jobs:
       - name: build tauri for Linux
         if: startsWith(matrix.platform.name, 'linux')
         run: |
+          sudo apt-get update
           sudo apt-get install -y libgtk-3-dev webkit2gtk-4.0 libappindicator3-dev librsvg2-dev patchelf pkg-config
           sh <(curl https://tea.xyz) build
 
@@ -84,7 +85,8 @@ jobs:
       if: startsWith(matrix.platform.name, 'linux')
       # TODO: https://tauri.app/v1/guides/distribution/sign-linux
       run: |
-        sudo apt-get install -y  --fix-missing libgtk-3-dev webkit2gtk-4.0 libappindicator3-dev librsvg2-dev patchelf pkg-config
+        sudo apt-get update
+        sudo apt-get install -y libgtk-3-dev webkit2gtk-4.0 libappindicator3-dev librsvg2-dev patchelf pkg-config
         sh <(curl https://tea.xyz) build
 
     - name: Get current unix ts - seconds
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index d3d1162..ac0a681 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -55,7 +55,8 @@ jobs:
       if: startsWith(matrix.platform.name, 'linux')
       # TODO: https://tauri.app/v1/guides/distribution/sign-linux
       run: |
-        sudo apt-get install -y  --fix-missing libgtk-3-dev webkit2gtk-4.0 libappindicator3-dev librsvg2-dev patchelf pkg-config
+        sudo apt-get update
+        sudo apt-get install -y libgtk-3-dev webkit2gtk-4.0 libappindicator3-dev librsvg2-dev patchelf pkg-config
         sh <(curl https://tea.xyz) build