From 12e18f9810aeeec3ac7a0d8afb0fe9d9943a8b09 Mon Sep 17 00:00:00 2001
From: neil <neil@neils-MacBook-Pro.local>
Date: Wed, 11 Jan 2023 11:50:20 +0800
Subject: [PATCH 1/2] #133 TopBar implementation * rm side navbar

---
 .../gui/src/components/NavBar/NavBar.svelte   | 136 ------------------
 .../SearchPopupResults.svelte                 |   4 +-
 .../ProfileNavButton.svelte                   |   0
 .../gui/src/components/TopBar/TopBar.svelte   |  70 +++++++++
 modules/gui/src/libs/stores.ts                |   3 +
 modules/gui/src/libs/stores/nav.ts            |  10 ++
 modules/gui/src/routes/+layout.svelte         |  28 +---
 modules/gui/src/routes/cli/+page.svelte       |   4 +-
 .../gui/src/routes/documentation/+page.svelte |   4 +-
 modules/gui/src/routes/others/+page.svelte    |  13 --
 modules/gui/src/routes/packages/+page.svelte  |   4 +-
 .../src/routes/packages/[slug]/+page.svelte   |   5 +-
 modules/gui/src/routes/profile/+page.svelte   |   4 +-
 modules/ui/src/SearchInput/SearchInput.svelte |   3 +-
 modules/ui/src/icons/fonts/tea-icons.eot      | Bin 5480 -> 6116 bytes
 modules/ui/src/icons/fonts/tea-icons.svg      |   7 +-
 modules/ui/src/icons/fonts/tea-icons.ttf      | Bin 5312 -> 5948 bytes
 modules/ui/src/icons/fonts/tea-icons.woff     | Bin 3600 -> 4140 bytes
 modules/ui/src/icons/icons.css                |  21 ++-
 19 files changed, 123 insertions(+), 193 deletions(-)
 delete mode 100644 modules/gui/src/components/NavBar/NavBar.svelte
 rename modules/gui/src/components/{NavBar => TopBar}/ProfileNavButton.svelte (100%)
 create mode 100644 modules/gui/src/components/TopBar/TopBar.svelte
 create mode 100644 modules/gui/src/libs/stores/nav.ts
 delete mode 100644 modules/gui/src/routes/others/+page.svelte

diff --git a/modules/gui/src/components/NavBar/NavBar.svelte b/modules/gui/src/components/NavBar/NavBar.svelte
deleted file mode 100644
index f818e45..0000000
--- a/modules/gui/src/components/NavBar/NavBar.svelte
+++ /dev/null
@@ -1,136 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { searchStore } from '$libs/stores';
-	import SearchInput from '@tea/ui/SearchInput/SearchInput.svelte';
-	import Button from '@tea/ui/Button/Button.svelte';
-	import ProfileNavButton from './ProfileNavButton.svelte';
-
-	import { beforeUpdate } from 'svelte';
-
-	let routes = [
-		{
-			path: '/',
-			active: false,
-			label: 'DISCOVER'
-		},
-		{
-			path: '/documentation',
-			active: false,
-			label: 'DOCUMENTATION'
-		},
-		{
-			path: '/cli',
-			active: false,
-			label: 'TEA CLI INSTALL'
-		},
-		{
-			path: '/packages',
-			active: false,
-			label: 'PACKAGES'
-		},
-		{
-			path: 'https://github.com/teaxyz',
-			active: false,
-			label: 'VIEW ON GITHUB',
-			target: '_blank'
-		}
-	];
-
-	beforeUpdate(async () => {
-		const currentPath = $page.url.pathname;
-
-		for (let i = 0; i < routes.length; i++) {
-			let { path } = routes[i];
-			routes[i].active = currentPath.includes(path);
-		}
-		if (currentPath !== '/') {
-			routes[0].active = false;
-		}
-	});
-
-	const onSearch = (term: string) => {
-		searchStore.search(term);
-	};
-</script>
-
-<ul id="NavBar">
-	<nav class="flex justify-between">
-		<a href="/">
-			<img width="40" height="40" src="/images/tea-icon.png" alt="tea" />
-		</a>
-	</nav>
-
-	<SearchInput class="border border-gray py-4" size="small" {onSearch} />
-
-	{#each routes as route}
-		<li class={route.active ? 'nav_button active' : 'nav_button'}>
-			<a href={route.path} target={route.target || ''}>
-				<Button class="h-16 pl-4 text-left text-white" active={route.active}>{route.label}</Button>
-			</a>
-		</li>
-	{/each}
-
-	<footer class="w-full border border-x-0 border-gray">
-		<ProfileNavButton />
-	</footer>
-</ul>
-
-<style>
-	@tailwind base;
-	@tailwind components;
-	@tailwind utilities;
-	ul {
-		height: 100vh;
-		width: 100%;
-	}
-
-	@layer components {
-		.nav_button {
-			transition: all 0.3s;
-			color: theme('colors.white');
-			/* padding: theme('spacing.4') theme('spacing.2'); */
-		}
-		.nav_button button {
-			text-align: left;
-		}
-		.nav_button:hover {
-			color: theme('colors.black');
-			background-color: theme('colors.primary');
-		}
-		.nav_button.active {
-			color: theme('colors.black');
-			background-color: theme('colors.primary');
-		}
-	}
-
-	.titlebar-button {
-		display: inline-flex;
-		justify-content: center;
-		align-items: center;
-		width: 12px;
-		height: 12px;
-		border-radius: 8px;
-		opacity: 0.9;
-	}
-	.titlebar-button img {
-		transition: opacity 0.3s;
-		opacity: 0;
-	}
-	.titlebar-button:hover img {
-		opacity: 1;
-	}
-	#titlebar-close {
-		background-color: orangered;
-	}
-	#titlebar-minimize {
-		background-color: orange;
-	}
-	#titlebar-maximize {
-		background-color: green;
-	}
-
-	footer {
-		position: absolute;
-		bottom: 20px;
-	}
-</style>
diff --git a/modules/gui/src/components/SearchPopupResults/SearchPopupResults.svelte b/modules/gui/src/components/SearchPopupResults/SearchPopupResults.svelte
index 2444caa..67458bd 100644
--- a/modules/gui/src/components/SearchPopupResults/SearchPopupResults.svelte
+++ b/modules/gui/src/components/SearchPopupResults/SearchPopupResults.svelte
@@ -123,8 +123,8 @@
 <style>
 	section {
 		position: fixed;
-		top: 0;
-		left: 240px;
+		top: 80px;
+		left: 0px;
 		right: 0;
 		background: rgba(0, 0, 0, 0.7);
 		transition: opacity 0.3s ease-in-out;
diff --git a/modules/gui/src/components/NavBar/ProfileNavButton.svelte b/modules/gui/src/components/TopBar/ProfileNavButton.svelte
similarity index 100%
rename from modules/gui/src/components/NavBar/ProfileNavButton.svelte
rename to modules/gui/src/components/TopBar/ProfileNavButton.svelte
diff --git a/modules/gui/src/components/TopBar/TopBar.svelte b/modules/gui/src/components/TopBar/TopBar.svelte
new file mode 100644
index 0000000..be28f9c
--- /dev/null
+++ b/modules/gui/src/components/TopBar/TopBar.svelte
@@ -0,0 +1,70 @@
+<script lang="ts">
+	import { page } from '$app/stores';
+	import { beforeUpdate } from 'svelte';
+	import { searchStore } from '$libs/stores';
+	import SearchInput from '@tea/ui/SearchInput/SearchInput.svelte';
+	import { navStore } from '$libs/stores';
+
+	import ProfileNavButton from './ProfileNavButton.svelte';
+
+	let backLink = navStore.backLink;
+
+	const onSearch = (term: string) => {
+		searchStore.search(term);
+	};
+
+	let currentPath: string;
+	beforeUpdate(async () => {
+		currentPath = $page.url.pathname;
+	});
+</script>
+
+<header class="flex w-full border border-l-0 border-r-0 border-gray">
+	<a href="/">
+		<img width="40" height="40" src="/images/tea-icon.png" alt="tea" />
+	</a>
+	<ul id="PrevNextButtons" class="flex h-10 gap-4 pl-4 align-middle leading-10 text-gray">
+		<a href={$backLink} class={currentPath !== '/' ? 'active' : ''}>&#8592</a>
+		<a href={$backLink} class={currentPath === '/' ? 'active' : ''}>&#8594</a>
+	</ul>
+	<SearchInput
+		class="flex-grow border border-none py-4"
+		size="small"
+		placeholder="search the tea store"
+		{onSearch}
+	/>
+	<ul class="flex gap-4 pr-4 pt-2 align-middle text-gray">
+		<button class="icon-filter hover:text-white" />
+		<button class="icon-share hover:text-white" />
+		<button class="icon-star-empty hover:text-white" />
+	</ul>
+	<ProfileNavButton />
+</header>
+<menu
+	class="flex h-10 gap-4 border border-l-0 border-r-0 border-t-0 border-gray pl-4 align-middle leading-10 text-gray"
+>
+	<a href="/cli" class={currentPath === '/cli' ? 'active' : ''}>install teaCli</a>
+	<a href="/documentation" class={currentPath === '/documentation' ? 'active' : ''}>documentation</a
+	>
+	<a href="/packages" class={currentPath === '/packages' ? 'active' : ''}>packages</a>
+	<a href="https://github.com/teaxyz" target="_blank" rel="noreferrer">
+		<i class="icon-star-empty" /> Github (5.2k)
+	</a>
+</menu>
+
+<style>
+	@tailwind base;
+	@tailwind components;
+	@tailwind utilities;
+
+	menu > a:hover {
+		color: white;
+	}
+	menu a.active {
+		color: white;
+	}
+
+	#PrevNextButtons a.active {
+		color: white;
+	}
+</style>
diff --git a/modules/gui/src/libs/stores.ts b/modules/gui/src/libs/stores.ts
index af5097f..e29fa29 100644
--- a/modules/gui/src/libs/stores.ts
+++ b/modules/gui/src/libs/stores.ts
@@ -6,6 +6,7 @@ import type { GUIPackage } from '$libs/types';
 
 import { getPackages, getFeaturedPackages, getPackageReviews, getAllPosts } from '@api';
 import initAuthStore from './stores/auth';
+import initNavStore from './stores/nav';
 
 export const backLink = writable<string>('/');
 
@@ -172,3 +173,5 @@ function initSearchStore() {
 export const searchStore = initSearchStore();
 
 export const authStore = initAuthStore();
+
+export const navStore = initNavStore();
diff --git a/modules/gui/src/libs/stores/nav.ts b/modules/gui/src/libs/stores/nav.ts
new file mode 100644
index 0000000..b8d3729
--- /dev/null
+++ b/modules/gui/src/libs/stores/nav.ts
@@ -0,0 +1,10 @@
+import { writable } from 'svelte/store';
+
+export default function initNavStore() {
+	const backLink = writable<string>('/');
+
+	return {
+		backLink,
+		set: (newlink: string) => backLink.set(newlink)
+	};
+}
diff --git a/modules/gui/src/routes/+layout.svelte b/modules/gui/src/routes/+layout.svelte
index fa7a693..f349f5b 100644
--- a/modules/gui/src/routes/+layout.svelte
+++ b/modules/gui/src/routes/+layout.svelte
@@ -2,32 +2,19 @@
 <script lang="ts">
 	import '$appcss';
 	import { navigating } from '$app/stores';
-	import NavBar from '$components/NavBar/NavBar.svelte';
+	import TopBar from '$components/TopBar/TopBar.svelte';
 	import FooterLinks from '$components/FooterLinks/FooterLinks.svelte';
 
-	import { backLink as backLinkStore } from '$libs/stores';
 	import SearchPopupResults from '$components/SearchPopupResults/SearchPopupResults.svelte';
 
 	let view: HTMLElement;
 
-	let backLink = '';
-	backLinkStore.subscribe((v) => {
-		backLink = v;
-	});
-
 	$: if ($navigating) view.scrollTop = 0;
 </script>
 
-<div id="main-layout">
-	<nav class="border border-t-0 border-l-0 border-b-0 border-gray">
-		<NavBar />
-	</nav>
+<div id="main-layout" class="w-full">
+	<TopBar />
 	<section class="pt-24" bind:this={view}>
-		{#if backLink}
-			<header class="border-b border-gray px-16 text-3xl text-gray hover:text-primary">
-				<a href={backLink}>&#8592</a>
-			</header>
-		{/if}
 		<figure />
 
 		<div class="content">
@@ -43,16 +30,11 @@
 
 <style>
 	#main-layout {
-		width: 100vh;
 		height: 100vh;
 	}
-	nav {
-		position: fixed;
-		width: 240px;
-	}
 	section {
 		position: fixed;
-		left: 240px;
+		left: 0px;
 		right: 0px;
 		height: 100vh;
 		overflow-y: scroll;
@@ -62,7 +44,7 @@
 		z-index: 0;
 		position: fixed;
 		top: 220px;
-		left: 240px;
+		left: 0px;
 		right: 0px;
 		bottom: 0px;
 		background-image: url('/images/gui-background-grid.svg');
diff --git a/modules/gui/src/routes/cli/+page.svelte b/modules/gui/src/routes/cli/+page.svelte
index a4ffe83..b0550a4 100644
--- a/modules/gui/src/routes/cli/+page.svelte
+++ b/modules/gui/src/routes/cli/+page.svelte
@@ -3,8 +3,8 @@
 	import PageHeader from '$components/PageHeader/PageHeader.svelte';
 	import CliBanner from '$components/CliBanner/CliBanner.svelte';
 	import BigBlackSpace from '$components/BigBlackSpace/BigBlackSpace.svelte';
-	import { backLink } from '$libs/stores';
-	backLink.set('/');
+	import { navStore } from '$libs/stores';
+	navStore.set('/');
 </script>
 
 <div>
diff --git a/modules/gui/src/routes/documentation/+page.svelte b/modules/gui/src/routes/documentation/+page.svelte
index 300ac20..857b921 100644
--- a/modules/gui/src/routes/documentation/+page.svelte
+++ b/modules/gui/src/routes/documentation/+page.svelte
@@ -3,8 +3,8 @@
 	import PageHeader from '$components/PageHeader/PageHeader.svelte';
 	import FeaturedCourses from '$components/FeaturedCourses/FeaturedCourses.svelte';
 	import EssentialWorkshops from '$components/EssentialWorkshops/EssentialWorkshops.svelte';
-	import { backLink } from '$libs/stores';
-	backLink.set('/');
+	import { navStore } from '$libs/stores';
+	navStore.set('/');
 </script>
 
 <div>
diff --git a/modules/gui/src/routes/others/+page.svelte b/modules/gui/src/routes/others/+page.svelte
deleted file mode 100644
index 79e2d6a..0000000
--- a/modules/gui/src/routes/others/+page.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-	import { invoke } from '@tauri-apps/api/tauri';
-	import Button from '@tea/ui/Button/Button.svelte';
-	let pkg = '';
-	async function installPackage() {
-		await invoke('install_package', { package: pkg });
-	}
-</script>
-
-<h1>Others</h1>
-<input bind:value={pkg} />
-<Button on:click={installPackage} label="install package" />
-<a href="/">Back</a>
diff --git a/modules/gui/src/routes/packages/+page.svelte b/modules/gui/src/routes/packages/+page.svelte
index d4ca121..dae8d10 100644
--- a/modules/gui/src/routes/packages/+page.svelte
+++ b/modules/gui/src/routes/packages/+page.svelte
@@ -2,8 +2,8 @@
 	import '$appcss';
 	import PageHeader from '$components/PageHeader/PageHeader.svelte';
 	import SearchPackages from '$components/SearchPackages/SearchPackages.svelte';
-	import { backLink } from '$libs/stores';
-	backLink.set('/');
+	import { navStore } from '$libs/stores';
+	navStore.set('/');
 </script>
 
 <div>
diff --git a/modules/gui/src/routes/packages/[slug]/+page.svelte b/modules/gui/src/routes/packages/[slug]/+page.svelte
index ee5eacb..5ed7afd 100644
--- a/modules/gui/src/routes/packages/[slug]/+page.svelte
+++ b/modules/gui/src/routes/packages/[slug]/+page.svelte
@@ -1,11 +1,12 @@
 <script lang="ts">
 	import '$appcss';
 	import PageHeader from '$components/PageHeader/PageHeader.svelte';
-	import { backLink, packagesReviewStore } from '$libs/stores';
+	import { navStore, packagesReviewStore } from '$libs/stores';
 	import PackageBanner from '$components/PackageBanner/PackageBanner.svelte';
 	import PackageReviews from '$components/PackageReviews/PackageReviews.svelte';
 	import type { Review } from '@tea/ui/types';
-	backLink.set('/packages');
+
+	navStore.set('/packages');
 
 	/** @type {import('./$types').PageData} */
 	export let data;
diff --git a/modules/gui/src/routes/profile/+page.svelte b/modules/gui/src/routes/profile/+page.svelte
index 149a3ec..a3db7d2 100644
--- a/modules/gui/src/routes/profile/+page.svelte
+++ b/modules/gui/src/routes/profile/+page.svelte
@@ -5,8 +5,8 @@
 	import Preflight from '$components/Preflight/Preflight.svelte';
 	import Badges from '$components/Badges/Badges.svelte';
 	import InstalledPackages from '$components/InstalledPackages/InstalledPackages.svelte';
-	import { backLink } from '$libs/stores';
-	backLink.set('/');
+	import { navStore } from '$libs/stores';
+	navStore.set('/');
 </script>
 
 <div>
diff --git a/modules/ui/src/SearchInput/SearchInput.svelte b/modules/ui/src/SearchInput/SearchInput.svelte
index c859831..b8624c8 100644
--- a/modules/ui/src/SearchInput/SearchInput.svelte
+++ b/modules/ui/src/SearchInput/SearchInput.svelte
@@ -5,6 +5,7 @@
 	export { clazz as class };
 	export let size: 'small' | 'medium' | 'large' = 'small';
 	export let onSearch: (text: string) => void;
+	export let placeholder = 'search_';
 
 	let timer: NodeJS.Timeout;
 	const onChange = (e: KeyboardEvent) => {
@@ -20,7 +21,7 @@
 	<div class="icon pl-4">
 		<i class="icon-search-icon" />
 	</div>
-	<input type="search" class="pb-2" placeholder="search_" on:keyup={onChange} />
+	<input type="search" class="flex-grow pb-2" {placeholder} on:keyup={onChange} />
 </section>
 
 <!-- <input type="search" class="w-full bg-black h-12 p-4 border border-x-0 border-gray"/> -->
diff --git a/modules/ui/src/icons/fonts/tea-icons.eot b/modules/ui/src/icons/fonts/tea-icons.eot
index c0e6c9ab98963621d094d0a4d9be4aa2c12911af..09dd73877116a650214f8848ea03e7042915ca73 100644
GIT binary patch
delta 1431
zcmYjRU2IfE6h3F>-kJTq`*ZKzKl-!1rCV&Xl-+H2F<nRl6@eHl)kq(x_F9&<Nw>Sw
zs>L+f7axcZC|ooKcp?(xlaLz4x2g|55KJV*5Fap+VlWY+MicO%_1tAO&fPO}zB6a$
z{Oy^0ed_~aJq}QgpB6>s@a9VW^vH?nPwxx^#M1!K_Vnme```)aB1{lE#-1O@KZi%Y
z2EYlzFHTqOy1j1GKK@4Z=8U~q-`oTa5PL}bo|*X*$IicZ`z8SY5Fq@_Y{fpBzIVIf
zv|)SWbNHUlTqeEU^R;Pv;OzooK2LaO)n2Yc6<j+z38xqAYUQKxjW+;v*Uks^+Tzj|
z=U%-5V4fsg1tcw^`pV|vmqX>hz|Tkk@Z+6tzx;RI{C)Fp7GZ+02WZ>5ido#^{EU;h
z?2NLZ2Ee$h+Z-i`LYOE7PeK8<6Xy<!t4VE5djLy>T+3~sfSV6NE4p{XGG)OXc58LD
z6e3QuN_vuf@PZHg5Q6{&L4%M%1|wuB4mucMLIRSIa&EGEC>986p>QM`*9|j~OgV@6
z8RssKwrl(h|4L!XPwGzfh<aB2L3D^;Wm-Nf&w4VeVdas!dda`0tX>Jfg{xlQ1#B=1
zX9&N+Yjl4XWy}($5tqV<74jvsM00UyFvG3P&|tBUkC}$R?$N3En6^bX0^`=U(J6aR
zf4SV>S1#kVsnLPVn3hRtI3AfA-D__=8g@7O`sv@pC~1fAI(|Z_X(u~_ncl8$OEgTQ
z6U`h=c{Ar)+r>&n6|YCNjgOh82hVx8q2SVY!M||}PX%?<wXpBpluwN#^GWvld2fVr
z$fzD8cmvlcK|AR3ZcA!tWqLFH6i+)+FkN&r+3YEp#xUl0Aw^dlz)W|;3ZaO{@am+Y
z%B|bCO4XS3heCd=)4cJgB}b&CBI5^8QP_UY5Lv`bCe295_pUG0oW>@koZt$7h0{;r
z<V+L}-~+1p0L%gOn1&SOM{kB4C>6<ioYE*oQz#ov_ekivS1Oi@@mNWU?xr?HL9V%o
zJne0MRD~f@`tRF~!#G6e3i(cq8F(p~u<m!I5{aa>UuE1AH5g0lS}<kYH&UwfDnjh7
zN};kq_N7iMfPys`R|NNXB>E^!##N6{H7yuO7=s<z08@pmin|A`1P$u}Eu=1)@S_&g
zALyx+zFXy7D#%YRs3`oUp57_RQSmAvEyUYnK{cX8J;6X&dNiMuQizgYpt>M5Dp~;E
z2XxBO&RP$wwAx3Z7Wk~itJDg&TD&0nL$|dQFG<|id(1Oxn2r|D;UE?Nv0NdYi!ENI
zhFWX!g5>MY6}{8>C3-NDgB)a=l&6z<C^-A{4sR}(&1LgD@&)Izo_0>@dz|m|G(8J{
z=sN_)F@Z_PGA5jNj5$X!J6|xCDt30hHdD*aP1hFe#l^}}Hs@cg*vF@5n<8;+Zhon9
oT)bAFuh~b{#aa7!g#w^~^c1jWgaJY^A{TM$@e#A#|G$Uo9|L>&JOBUy

delta 725
zcmYjOUr3Wt6#w1r+nqXfZhqglf=yIprtszVrKXTFbSr8?;-8TI*e+{1hq~D&C`7#&
zSozSnPf-v=Nn(Vsmx>;Q-g>AWdMl`hP~W15i0omV*@EunaL(^{e)pbpIA1$<+j&w0
zw$wcDR+K<&FdtfqhY#Nd)JFikC&H2AXhQ?xWx@@oM?1`6c76+B6NJyiXGNy3?c@gG
zU9wYCBAY1|VI}=l%2!OyEM0z<^4S1u5~yuSCd8%2#kP0S%Y4^&Fh*}SN!K%zj*Ipl
z|5MU+5;kYWVg@O^rhE_K#yK&Y`0#U?dUCB2cQ2F9=3dTk^a1sU2#<o1ifk|zP%b);
z{eZ(l1n_wyH~r5SzZdr`E(<4I0ZPl~%wPxPHoL$UWZ2Sm&Pkb(l6wCf#aXyfM@CJR
z&AVR*2oqDP=!F8R4^Ezy{=@=JUpk`Xix10s$ZBh*y1J&;S?6-stD5eSdF!eSSu3Sa
zaUXnR{iMW{JIZ_8Cg;4J5AzlN)=q^BL&`5(;bz@^R)|z>DNzgc#Mv6#Lk(zctkd7j
zHC6X$N4okMZ}xX~o4U%@#4R!2@9!U<Per4tC>x6i5eZG&*VpZnAtItFYOtU<Z!mdR
z^|$(Qt=y)9O1vn?HaPIH9CPA-%Wbu(bqImd=t?CG?8f7AY=cg#`pa|Tck+2v4rt@`
zCVF8YNY{W#PfeKeiPlhM_8P&UVFpZ7y7Wf*O&gE_y@{4Fq6g%PKB1|(gfM2(Q)y#5
no}LrgY$9g_<rjV0?#L#@m3UHyJuUKq$ICqOmB;7!Z_R%IwC0(T

diff --git a/modules/ui/src/icons/fonts/tea-icons.svg b/modules/ui/src/icons/fonts/tea-icons.svg
index ed7a7a8..8dc05ed 100644
--- a/modules/ui/src/icons/fonts/tea-icons.svg
+++ b/modules/ui/src/icons/fonts/tea-icons.svg
@@ -16,7 +16,6 @@
 <glyph glyph-name="right-arrow" unicode="&#103;" d="M297 128c-2 3-4 7-4 11 0 4 2 9 5 12 4 2 7 5 11 7l146 84-438 0c-7 0-13 5-13 13 0 7 6 13 13 13l13 0 0 0 424 0-145 84c-4 1-7 4-11 6-3 4-5 8-5 13 0 4 2 8 4 11 2 3 6 4 9 4 3 0 5-1 7-2l176-101c5-3 8-6 12-10 4-5 6-11 6-17l0-2c0-7-2-13-6-18-3-4-7-7-12-10l-176-101c-2-1-4-2-7-2-3 0-7 2-9 5z"/>
 <glyph glyph-name="telegram" unicode="&#104;" d="M509 459c-2 6-4 7-7 8-7 2-14 1-21-1 0 0-446-161-472-178-3-2-6-5-8-9-2-7 2-15 9-18l115-38c2 0 4 0 6 0 26 17 263 167 277 172 2 0 3 0 3-2-5-19-211-202-211-202-1-1-1-2-2-2l-10-114c0 0-5-35 30 0 25 24 49 45 60 55 41-27 83-58 101-73 7-6 15-9 24-9 11 1 20 9 22 19 0 0 81 328 84 372 0 4 1 7 1 10 0 3 0 7-1 10z"/>
 <glyph glyph-name="twitter" unicode="&#105;" d="M161 51c194 0 299 159 299 297 0 5 0 9 0 14 20 14 38 33 52 54-19-9-40-14-61-16 23 12 39 33 47 57-21-12-43-20-67-25-20 21-47 33-76 33-28 0-55-11-74-31-20-19-31-46-31-73 0-9 1-17 3-24-85 4-164 43-217 109-28-48-14-109 33-140-17 1-33 5-48 13l0-1c0-50 36-93 85-103-9-2-19-3-28-3-7 0-13 0-20 2 14-43 53-72 98-73-37-29-83-44-131-44-8 0-17 0-25 1 48-31 104-47 161-47z"/>
-<glyph glyph-name="tea-logo-iconasset-1" unicode="&#106;" d="M475 187c6-3 11-8 15-14 12-20 5-47-15-59l-75-52c-3-3-8-4-12-4-6 0-12 3-16 8-7 10-5 23 4 30l76 53 2 1 0 1-2 1-76 53c0 1-1 1-2 2-9 7-10 20-3 29 7 9 20 11 29 4l75-53 0 0z m-194 7c8 6 10 17 4 25 0 0 0 0 0 0-12 17-48 40-97 12-6-3-12-7-17-12-16-13-39-23-62 2-6 7-18 8-25 1-7-7-8-18-1-25 14-17 34-27 56-27 20 1 40 9 55 22 3 3 7 6 12 9 31 18 47 1 50-2 6-8 17-11 25-5 0 0 0 0 0 0z m35 70c-11-3-17-15-14-26 0-1 34-118-35-198-8-9-7-22 2-30 8-7 22-6 29 3 85 97 46 231 45 237-4 11-15 18-27 14l0 0z m-249-26c3 11-4 23-15 26-11 3-22-3-25-14-2-6-41-140 44-237 4-5 10-8 16-8 5 0 10 2 13 5 9 8 10 21 3 30l0 0c-70 80-37 197-36 198z m157-196l-81 0c-11 0-21-9-21-21 0-11 10-21 21-21l81 0c11 0 21 10 21 21 0 12-10 21-21 21l0 0z m-38 236c2-2 5-3 8-3 5 0 10 2 13 6 51 72 2 146 0 149-5 7-14 9-21 4-7-5-9-14-4-21 1-2 39-60 0-115-5-7-3-16 4-20z m-31 72c3 0 6 1 9 2 6 5 8 14 4 21-2 3-40 60 0 115 5 7 3 16-4 21-6 5-16 3-21-3-51-72-2-146 0-149 3-4 7-7 12-7z"/>
 <glyph glyph-name="tea-circle" unicode="&#107;" d="M512 256c0-141-115-256-256-256-141 0-256 115-256 256 0 141 115 256 256 256 141 0 256-115 256-256z"/>
 <glyph glyph-name="clipboard" unicode="&#108;" d="M403 464l-67 0-20 47-120 0-20-47-67 0c-15 0-27-12-27-27l0-409c0-15 12-27 27-27l294 0c15 0 27 12 27 27l0 409c0 15-12 27-27 27z m-189 20l84 0 8-20-100 0 8 20z m188-456l-292 0 0 408 292 0 0-408z m-254 362l216 0c4 0 7 4 7 7 0 4-3 7-7 7l-216 0c-4 0-7-3-7-7 0-3 3-7 7-7z m0-45l216 0c4 0 7 3 7 6 0 4-3 7-7 7l-216 0c-4 0-7-3-7-7 0-3 3-6 7-6z m0-46l216 0c4 0 7 3 7 7 0 3-3 6-7 6l-216 0c-4 0-7-3-7-6 0-4 3-7 7-7z m0-46l216 0c4 0 7 3 7 7 0 4-3 7-7 7l-216 0c-4 0-7-3-7-7 0-4 3-7 7-7z m0-46l216 0c4 0 7 3 7 7 0 4-3 7-7 7l-216 0c-4 0-7-3-7-7 0-4 3-7 7-7z m0-46l216 0c4 0 7 3 7 7 0 4-3 7-7 7l-216 0c-4 0-7-3-7-7 0-4 3-7 7-7z m0-45l216 0c4 0 7 3 7 6 0 4-3 7-7 7l-216 0c-4 0-7-3-7-7 0-3 3-6 7-6z m0-46l124 0c4 0 7 3 7 7 0 3-3 6-7 6l-124 0c-4 0-7-3-7-6 0-4 3-7 7-7z"/>
 <glyph glyph-name="tea-checkmark" unicode="&#109;" d="M481 512l-450 0c-17 0-31-14-31-31l0-450c0-17 14-31 31-31l450 0c17 0 31 14 31 31l0 450c0 17-14 31-31 31z m-436-467l0 422 406 0-207-311-116 70c-11 7-25 3-31-7-7-11-3-25 7-31l154-93 209 314 0-364z"/>
@@ -24,8 +23,12 @@
 <glyph glyph-name="pattern-random-15" unicode="&#111;" d="M59 512l-20 0 0-39-39 0 0-20 39 0 0-39 20 0 0 39 39 0 0 20-39 0z m138 0l-20 0 0-39-39 0 0-20 39 0 0-39 20 0 0 39 39 0 0 20-39 0z m138 0l-20 0 0-39-39 0 0-20 39 0 0-39 20 0 0 39 39 0 0 20-39 0z m138 0l-20 0 0-39-39 0 0-20 39 0 0-39 20 0 0 39 39 0 0 20-39 0z m-414-138l-20 0 0-39-39 0 0-20 39 0 0-39 20 0 0 39 39 0 0 20-39 0z m138 0l-20 0 0-39-39 0 0-20 39 0 0-39 20 0 0 39 39 0 0 20-39 0z m138 0l-20 0 0-39-39 0 0-20 39 0 0-39 20 0 0 39 39 0 0 20-39 0z m138 0l-20 0 0-39-39 0 0-20 39 0 0-39 20 0 0 39 39 0 0 20-39 0z m-414-138l-20 0 0-39-39 0 0-20 39 0 0-39 20 0 0 39 39 0 0 20-39 0z m138 0l-20 0 0-39-39 0 0-20 39 0 0-39 20 0 0 39 39 0 0 20-39 0z m138 0l-20 0 0-39-39 0 0-20 39 0 0-39 20 0 0 39 39 0 0 20-39 0z m138 0l-20 0 0-39-39 0 0-20 39 0 0-39 20 0 0 39 39 0 0 20-39 0z m-414-138l-20 0 0-39-39 0 0-20 39 0 0-39 20 0 0 39 39 0 0 20-39 0z m138 0l-20 0 0-39-39 0 0-20 39 0 0-39 20 0 0 39 39 0 0 20-39 0z m138 0l-20 0 0-39-39 0 0-20 39 0 0-39 20 0 0 39 39 0 0 20-39 0z m138 0l-20 0 0-39-39 0 0-20 39 0 0-39 20 0 0 39 39 0 0 20-39 0z"/>
 <glyph glyph-name="pattern-random-19" unicode="&#112;" d="M439 512l-201 0 0-91-37 0 0 91-201 0 0-201 91 0 0-110-91 0 0-201 512 0 0 421-73 0z m-183-18l165 0 0-73-165 0z m0-92l165 0 0-73-165 0z m-238-73l0 165 165 0 0-73-92 0 0-92z m165 73l0-73-73 0 0 73z m-165-384l0 165 73 0 0-165z m92 0l0 165 73 0 0-165z m384 384l0-384-293 0 0 183-91 0 0 110 91 0 0 91 37 0 0-91 201 0 0 91z m-256-347l201 0 0 201-201 0z m18 183l165 0 0-165-165 0z"/>
 <glyph glyph-name="click-copy-icon" unicode="&#113;" d="M380 440l0 71-325 0 0-439 77 0 0-71 325 0 0 439z m-304-347l0 397 284 0 0-50-228 0 0-347z m360-71l-284 0 0 397 284 0z"/>
-<glyph glyph-name="search-icon" unicode="&#114;" d="M422 340c0 92-74 166-166 166-92 0-166-74-166-166 0-85 64-156 147-165l0-169 38 0 0 169c83 9 147 80 147 165z m-166-128c-71 0-128 57-128 128 0 71 57 128 128 128 71 0 128-57 128-128 0-71-57-128-128-128z"/>
 <glyph glyph-name="star-full" unicode="&#115;" d="M494 327c0-4-3-9-8-14l-103-101 24-143c0-1 0-3 0-5 0-4-1-8-3-10-2-3-4-5-8-5-4 0-8 2-12 4l-128 67-128-67c-4-2-8-4-12-4-4 0-7 2-9 5-2 2-3 6-3 10 0 1 0 3 1 5l24 143-104 101c-4 6-7 10-7 14 0 7 6 12 16 13l144 21 64 130c4 8 8 12 14 12 6 0 10-4 14-12l64-130 144-21c10-1 16-6 16-13z"/>
 <glyph glyph-name="star-half" unicode="&#116;" d="M357 239l74 71-102 15-19 3-9 17-45 92 0-275 17-9 91-48-17 101-4 19z m129 74l-103-101 24-143c1-6 1-11-2-14-2-4-5-6-9-6-4 0-7 2-12 4l-128 67-128-67c-5-2-8-4-12-4-4 0-7 2-9 6-3 3-3 8-2 14l24 143-104 101c-6 7-8 12-6 17 2 6 7 9 15 10l144 21 64 130c4 8 8 12 14 12 5 0 10-4 14-12l64-130 144-21c8-1 13-4 15-10 2-5 0-10-7-17z"/>
 <glyph glyph-name="star-empty" unicode="&#117;" d="M343 225l88 85-121 18-54 109-54-109-121-18 88-85-21-120 108 57 108-57z m151 102c0-4-3-9-8-14l-103-101 24-143c0-1 0-3 0-5 0-10-3-15-11-15-4 0-8 2-12 4l-128 67-128-67c-4-2-8-4-12-4-4 0-7 2-9 5-2 2-3 6-3 10 0 1 0 3 1 5l24 143-104 101c-4 6-7 10-7 14 0 7 6 12 16 13l144 21 64 130c4 8 8 12 14 12 6 0 10-4 14-12l64-130 144-21c10-1 16-6 16-13z"/>
+<glyph glyph-name="tea-logo-iconasset-1" unicode="&#106;" d="M475 187c6-3 11-8 15-14 12-20 5-47-15-59l-75-52c-3-3-8-4-12-4-6 0-12 3-16 8-7 10-5 23 4 30l76 53 2 1 0 1-2 1-76 53c0 1-1 1-2 2-9 7-10 20-3 29 7 9 20 11 29 4l75-53 0 0z m-194 7c8 6 10 17 4 25 0 0 0 0 0 0-12 17-48 40-97 12-6-3-12-7-17-12-16-13-39-23-62 2-6 7-18 8-25 1-7-7-8-18-1-25 14-17 34-27 56-27 20 1 40 9 55 22 3 3 7 6 12 9 31 18 47 1 50-2 6-8 17-11 25-5 0 0 0 0 0 0z m35 70c-11-3-17-15-14-26 0-1 34-118-35-198-8-9-7-22 2-30 8-7 22-6 29 3 85 97 46 231 45 237-4 11-15 18-27 14l0 0z m-249-26c3 11-4 23-15 26-11 3-22-3-25-14-2-6-41-140 44-237 4-5 10-8 16-8 5 0 10 2 13 5 9 8 10 21 3 30l0 0c-70 80-37 197-36 198z m157-196l-81 0c-11 0-21-9-21-21 0-11 10-21 21-21l81 0c11 0 21 10 21 21 0 12-10 21-21 21l0 0z m-38 236c2-2 5-3 8-3 5 0 10 2 13 6 51 72 2 146 0 149-5 7-14 9-21 4-7-5-9-14-4-21 1-2 39-60 0-115-5-7-3-16 4-20z m-31 72c3 0 6 1 9 2 6 5 8 14 4 21-2 3-40 60 0 115 5 7 3 16-4 21-6 5-16 3-21-3-51-72-2-146 0-149 3-4 7-7 12-7z"/>
+<glyph glyph-name="search-icon" unicode="&#114;" d="M291 459c-91 0-164-74-164-164 0-31 8-60 23-85l-79-79 0 0c-8-8-14-20-14-33 0-25 21-45 46-45 12 0 24 5 32 14l0-1 82 82c22-11 47-17 74-17 90 0 164 73 164 164 0 90-74 164-164 164z m1-263c-57 0-103 45-103 102 0 56 46 102 103 102 56 0 102-46 102-102 0-57-46-102-102-102z"/>
+<glyph glyph-name="filter" unicode="&#118;" d="M461 398c0 18-14 32-32 33l0 0-343 0 0 0c0 0-1 0-2 0-18 0-33-15-33-33 0-11 5-20 13-26l154-154 0-96 0 0 0 0c0-7 4-12 9-15l0 0 40-23c0 0 1 0 1-1l0 0 0 0c3-1 6-2 9-2 10 0 17 8 17 17 0 1 0 1 0 2l0 0 0 118 156 155 0 0c7 6 11 15 11 25z m-296-33l0 0 0 0z"/>
+<glyph glyph-name="upload" unicode="&#119;" d="M440 258l-93 0c-12 0-22-7-25-17-10-28-36-46-66-46-30 0-56 18-66 46-3 10-13 17-25 17l-93 0c-14 0-26-11-26-25l0-144c0-14 12-25 26-25l368 0c14 0 26 11 26 25l0 144c0 14-12 25-26 25z m-257 79l34 0 0-88c0-4 4-7 7-7l64 0c3 0 7 3 7 7l0 88 34 0c2 0 5 1 6 3 1 2 1 5-1 7l-73 98c-1 2-3 3-5 3l0 0c-3 0-5-1-6-3l-72-98c-2-2-2-5-1-7 1-2 4-3 6-3z"/>
+<glyph glyph-name="share" unicode="&#120;" d="M421 229l0-74c0-22-8-42-25-58-16-16-35-24-58-24l-237 0c-23 0-42 8-59 24-16 16-24 36-24 58l0 238c0 23 8 42 24 58 17 16 36 24 59 24l72 0c3 0 5 0 7-2 2-2 3-4 3-7 0-5-3-8-8-9-15-5-27-11-38-17-2-1-3-1-4-1l-32 0c-13 0-24-5-33-14-9-9-13-19-13-32l0-238c0-12 4-23 13-32 9-9 20-13 33-13l237 0c13 0 24 4 33 13 9 9 13 20 13 32l0 62c0 3 2 6 5 8 5 2 11 6 16 10 3 3 6 4 10 3 4-2 6-5 6-9z m67 142l-109-110c-4-3-8-5-13-5-3 0-5 0-7 1-8 4-12 9-12 17l0 55-45 0c-62 0-104-12-125-37-23-26-30-71-22-135 1-5-1-8-5-10-2-1-3-1-4-1-3 0-5 2-7 4-2 3-4 6-6 9-2 3-6 10-11 19-6 10-11 20-15 29-4 9-7 20-11 32-3 13-5 25-5 35 0 10 1 18 1 26 1 8 2 17 4 26 2 9 5 18 8 25 4 8 8 16 14 23 5 8 12 15 19 22 8 6 17 12 27 17 11 6 23 10 36 14 13 4 28 7 46 9 17 2 36 3 56 3l45 0 0 55c0 8 4 13 12 17 2 1 4 1 7 1 5 0 9-2 13-5l109-110c4-4 6-8 6-13 0-5-2-9-6-13z"/>
 </font></defs></svg>
diff --git a/modules/ui/src/icons/fonts/tea-icons.ttf b/modules/ui/src/icons/fonts/tea-icons.ttf
index bfc94235399c3a25c984cc2eceb44c92dec6714f..15034cbe6f9b8815ef1033862fafdf7cf767755d 100644
GIT binary patch
delta 1392
zcmX|BO>7%Q6n<}JcgDZ#*t_e$=EvDIcH7{lwi7#5epK2J+6YJq2y#fkOX|jv;>0uo
zLaAg994dqm>ZYhlBMu0JH~|XcN8*scfkV|EDuk*E6^WLg1C2O<)Er28Hc@Byy_xUL
zn|Xixc4PlH2Wx-;;D^_N!^x46rysxg`R#syNP?uzj}AXF0{fwzFhOV?d#XEo5+}a{
zzzM?7OjqoxeaEJK{EO)9jJ;UBf1hrG@IBgh&CI=e`trqFKLGF#0Gb{vm+VuCKW^1%
z?<b;sxm>E*%3<85!v+cVmMcrk;!F6E@TY`_<`$;y?l*IU`5fWCioINg3e+9wBb=DG
zE2WRdcU}R|>keG1E-Ws6z53#H0P{TIN+UQ5uzK$Pv(E<x{sAweV*o$jzP9=Q%&u)-
zz(L&O4B-?mJ8RfW-i<eu>Z|}EXd(*0VaUNjTGa;y*r4Xd{QygZ$O<%r0`<fQni1-z
zmMI<eVeig$Ero~^S4mHT3*6uVFNDEIWzZmCkij4sihvFVm=J{+#GQv&H4ygswLnua
z6wwVc8jCxhvA3Ke6V4zHwP^eT|5jnjFKVAUsjjFuMXUHzCgc-x#g$wy^KEtgU(bfJ
z?rwSm*KPM2))<A<i{IlFve8b-vV>_wq%gv{Y{4uL&-eBuxs~kg$>*|R(-7D(T#Srq
zdvwD$ZtWW`+DE$v2D%Om4B(aGaCdS{OU5-E4;F`y**n|)^^F5v^eHh)+>>|}KcV!r
zke!}ns=dP!HPdKAGeazEX6n`kSs}0D)sVLHG1GMas(T*_E<J1Bog4VJUq@YQ@~jp;
zY6O`_vX?KrgOo=`H93OUaf6a{h%WE2q=r^9mF%K;T9ATir<=)UXU;VGF*}G9UA`NW
z9W^U}A`-^0rVLf?J-An@#*{Y@@M4wt&fk_iA}tjeKY@zEj&p{{f@Umc1_PdVJb?xq
zn~-vXEBpmcufoZh5S+j*s(Uxg0(6>&6y!%LNe&e9WIaM@l%gS&wT62nth-mp7xIyC
zL5hxsHbp_M)e(7`YCKehUQ&AS3}HX^(z#r=4Z{Y07>inW+vCw_%sQ?z?g|-<C3MXn
zH|`p7Rk{@+j#Z>knJ@iZo8?2nYK$v_yIc}I6ei=UOQ@RW_eG7K*0hhQLRQ4DqgIrL
zwM7%DOD4Ri`SmS59@mFd&ZUC<{Je_7Tj)#`B}c`r1hfEe3H#Nc5_0){P12=#q?AGw
zyaLsEp;6I%@GhXU5^PI#!nxfRQm75S*j=mC4mWn!g5>v{o5A+fC>5C6OmS1|gy8+%
zwMvb%vAY%|zvH;|Hs|5cXfOjANH-`;C$o@q-V3$5GnsTIojsJzIW9fn{1!Uu?AH_2
z{-gRKff0;i%sH!1IKS(&&ZN;+FqTSodTwE6Aw4_2FmEp|mX^{P?_$Y5GhJ?o#Oc|&
jrP3MkQgv>@KBX>}?K33+=QX1l<IW|c#rxn-b8YiKOU(6w

delta 766
zcmYLGUr19?82_ESyR(*mrrW*O0#g&2O_<G_+JqcZPRSLG)Q~dsFqhkKIdg(VWDf>W
zJ%opzGKf&Yj1cxx(Zis(9;%0WN~oUfr3W7(tOxt<9CR+<`M%%pyWjc#y=l(-=D+}y
z;TCL&_Vf&#e%Rf7573r~t?um(_rQl5!t;b{&h#HPqii@2upz?dVrh}-^qpKI{DY)#
zTuf(ncIYK&H^{$deB#>W7pVhwz?J~Y8xnCbRyXVWK)wx<_Cz8+C)5tMO~D!w4T*Gi
zmTzK!@H*k(#AHk~1-;MdfmXt1TFhpU!dvnO3D;c_>G-GL^Hgl*ec~QvCa1Hnr`9?F
z&mqG7h32Ti6Qcq3lIz$nlqeJid|k^XceRpDF0f9vPlnh<HX|2V+XWYS&RX8WIg0ae
zqk@ErC`xtVU7(v7YkbvELHWQ*Ggv8RXbjd7mfm?<{2y{m$&{9smAfh`-5yOhs^pe3
zFP|uta>nM~|IW6dj;asTkM?!Wc@vNFJN&(a66cm|+xFad*CNY3cIMTHLN#%=!v4_W
zbn3I!ThDdPsM3$Lg&42*wzivw##Y2#F&OfO2B%VyNGiex!a{_*MjWfFj*%`RA}J~`
zH(Y+3$t{n!(TkhKGF3S7s%YC$f-gmz6aQC+w1bVO5U^TToz$=!%SGD`gI2T4bK*B;
zO0Sj6TA#;62mENE&kvJgO_&RM&0e#^-_qhY1EwjHdY$amk1J5*b)}Z}@k|fMZ~BnT
z8@db{Nk_?aTwIMM<f73KwkFGHvPz+_QbGoag>0yzTP+~E=ve!~=bz!1mj1u@Z1Nvk
C9+xlx

diff --git a/modules/ui/src/icons/fonts/tea-icons.woff b/modules/ui/src/icons/fonts/tea-icons.woff
index bc848f3e9d50a2d79f09675b58cfbcef4ff0019c..9f560e4c0c9dd9d1b257b1cb41f35c4fd18eedfc 100644
GIT binary patch
delta 4099
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
b*gdEOY=ny>fe4xj?SqCv)c|%UNG<R`@~NG_

delta 3555
zcmZWsXEfa1*ZqwaozY?tJ$gh&uMuRJ1VgkC9-~HyUV?}bL>nZC(R&xYCt8F=Z)2kO
z7Dk<rkO=<sJnzT%thLuUd*6HaS@(WAx03fQ7wS0z216JdBLIM&5ugEx!Gr@q|K|T6
znlKnI0FZ100QDdM&@GbC>vX_i#(KnhoVc5V2(A<@Nwl`seHc+|{Ff8K4G05V2&3Cj
z003DMIh+WjfxtiWc5XH(PoiN2Q7|GdK9J^7OLKCtu_xA)L`{MSIo@E=0VkqJ)MSX9
zn+QQNdC;kon{NQI$sUml5Ftf&1`z!Mh<+erBB%HdYzBb4jhh2eD<krGV$Q^!MihB^
z`1lh0&JgVZM&bf5Knj2Yvh0xdNF-p})O!4q@K??n(wfe$zH*6A(j~jNy3Wk`I4c~a
z3j!o6sa=z0KsP~b$rd0eO2i@f=n53h%}h$lsY}NkZ2)M%0IVlfG0`_5>ve*vOOHC^
z>$|f_-TD=bk0Prq$xJJo8yHr^nqJsN7#5P7`z5S$ZZMYn#BuRP=_Cs~P*Q|<4Am}o
z1|E|x`0(2)Kzz94g<0C!5#~P}vxbgsEIs>D3A%sYWSOg_{*XeM(y7>VHxS;Lg?UMi
zwRv?j=YEymSw6w-9m(v$8@cjpo_Efcng*0))I+W=&iuKI_oLrsY&{m2JipjUOu;>v
zMu+oPn7f?o;pv;u4xX;3cg?xXIxB){4Lf%qx~J?H$=Z!N_tw(Se^iz$_cMXG`<{`H
zcc}IfFK35DB2kW^NC*Xtg3%N7gS|VLje?GMgrW!nNeivSUR`yIG2J`4A~*P{{;B_K
z=*l>?6!cC*ZGD}Or?=Pf(GLO*B{dZ~8awxB4Fq^|Q}X|3>Znc;N9#m<z65|gAgjsj
zr6=bX)-D>1pI01w($dKpR{eYMXw_DeN+DQC5Jij2=CezC#}pN3r&!k=!v$~VpRHFr
z&_5*{Xg*gOn2HimHsHj9!qQ*81*rIBv!TI)f^M(;k;n(z29eFQi@TK;AH9WMeLgZP
zZ7A(nJoR7he0g}Wq&#7)M|XeH*Q&Pk{fC<Q76J7M8j%c({YD8-i!rZGv%;xK0~9@O
z8Wn&qJ6!JApb2dV4{G68An)_PRr>81V}x7VJds{D*S}>Q;%-aj7h*!Id8;s^jMbQ?
zDak@_5nff=j-waTA{b*bN^<hI%It9SxNA6J+}*O<?Jr-s=PvL5eC>a7{;_?;Dx~W+
zu0ddC{jTc5)b+g^3)mI`#=W_%!?}Y)0xIY{?6T9XqkHl%5`jXbfN6h{50v2J|Gb<J
zKAy%?lLdv1RGC;j&+TgKDsAiXK%#4g4zq=S{_?%s+A(ysqHgB*J;4z*O<&{j;`m#Y
zwLs%P=YATTVB7`Lr^SOecrHZM>hfS|vIm*k6}XE;UH#2#d5_xtoA>lwT`G8L0cAax
zUEq|6aY{FJ$}_Pj^qb3@Y=l4YjcneL$S&;L_EJJz-{x<sbXg?Ft>fB!m&5+}G~@oZ
zZ@sBLw>tc&ykN7%<S2ZM{mdi5WgXzV+J)ywTcWAyMsJML?F~)q%74jhpO?R;To@Bv
z(9eo?TpFA&5ZWnNntDmzsQRT>5oM-kzCuGHpT!mP#+OYF5y%sdQoHy)#G_&w%-=Ew
zO>(qEKpVD<q{P|%m7dO=p9!zMp_6WnQ1rLRTo4#5TQB#L%pCqYY<MJ^AF7mhHrNeG
zzbAh?({PAE)Y=^U8ss37H&T;^Nslyhn<A)~5^x1gZ)zDx=c1KJ8CIVhp{iCS_DRbm
zx?A#OUjct0oeV6jmUP>{J1T`BvGht#6(vxoeQPV{#c{tL9ao{pad?V{a$g#qbb=l{
zm0BIDsC=NFAu+H4z8CQhgT1L)eaY@S;FrP)8V9GQKo$RC3}6UZ9LWsZ^a>$4!|qxZ
z@WTrv;NH}acwKs<bxEN&Q1SP_cYila^&$;)??E4F9F|E~XvN4c;3EuT<2&p}^}74;
zJuy)N%;}<=`5S_t-uf+*KJm`9d6+eOHpB<wy;DR64NvsMGK93+x*y%-OJ}hi+!o<6
zDNtgTwKWfk8`5s*nd6P?+cTDQev?tSleqRt+)lTY^NfXO(sOao4OLbhH!5BjId&Dn
zCa(46PH9xf4TUv~4Lb%Fk(RcS3{O~Rw$)`%q%<Uef9=yQ(8K+J$atNgUV8nAQ%~}I
z5mp=6=qJviS$yLlOMcPyVb%1Qm|^aQywtohy>P2dafky&e^7qEr_pLmo~kYE#D?7<
zSxd?%Z%e^Gx=b_;#WG|G7x~(!-KX6kVA{(8jl}VNy9R&U_sL>~B^N3}Psn#V{G{$7
z)0<4i2bOe(AC(WkRdR}ef_)SoYQ+i1YQ%`6lcjEsy%k94xl`K&p%98M*PWGcK>sEX
z2pY}y7-^%gg2PU7=G`kdWre>VSTqD({Q2g3kf9v7wwa1R$*jG~2uF-^tBgyx)lKg1
zFDUG)jz_!0!k>v|yoo5B&=KUx7TG+$i3qnVl%WZ)v&t8wtN=u}`ckWV(1bPCzNJ%j
z4&86GvxN?6VXEt!@E6bqZHf3j)QQ0krIhqGNos{F2bEPknUoZY+uQtia0#H;AIp}z
z8b{X4$0vk}PCnBTqt|q4Ez`X-o$|MJ$?vfu%WRiw=16AX3=PA1er~zMzT-9F&qhYY
zG3Dj`y(>rsmF;`4gr=lEG0{z|++z_)too}zL-nM}6D~uh0lvRNmze(RMiSZ}v}f*w
zwx?^*k<Zm03K{AbQ;dwJNvh?lj6G%C$S*e89$2PFsgBTXwWuSE?RO+jw5+nCa=a;m
zq^PUK4iuyvWOKT+g4ul5Aj66!4e2+3^opgi{=mr9d`1Cpnc<T9pCcv%r7gGT+8i=s
zgh@0n)jd4^cmYCa7b~&QiX?isd;2?!d7`|UGOwA>eq@7Tz+MRU%dRb~LB?Ca>iqt|
zj`}o;<Z(u^MSZnXtPrD?)j7#L==pW|gAozAnAY&4XEw_Mr|*}v3lPbbq-@=qrcJV2
zoqNrttAR;z)Ru-4qS-GByK)o*&PH204rA(z?fdI@7JLIw4}SQ%Q>1All}x#VL{wAK
zxz<T~G`nYt<kFYiw4*+^X&4IOzvj>oWCKW1RBAjQ(d4Z^YsH=82ZNIk6@_v&Neh(J
z$8B^Qrm>X^_1!5On}*^xMY;oIq}YmT=`Pg`u{Y)$yc4>`<ZC%}Y&7or(YqQjY}CVx
z)pvpql4PJ9YZ`;R5%m*H9_5Ndwi2$ocYdp0s?M$jD7kTzTrLbVch^ypx+f>EXMIvZ
zg~au9NPD+~&0d=acMlHzwl`j_w1+{)W<1&_qu9d4HizrD6d%tIhz*hktk!Wx1LEaz
zLW=MQU~L-SZQGztYsU%ljPmc^j{1XeQ{7nUGS=mX`uz^cbpiZf4@(nHguRcQx$^Xx
zOl(6t-@LQyFP*U(mRk<a%_+^;=BzE0?9PX8r%OUHCabhD5R<92OL=pqN5`{QoyoV`
z)8!gCsM_9PbP0>6Dzo=AvQm>ZV);NYjkxl)MMpzse*t-S{*n0a%l2C^y&|xZ3xAIJ
zYQXI0$IpuDuzTDwUtlU{>ias+D#y2F+Gy<T$j4j_)I#z33p@Pe;hP${Bxe4om!>=R
z+2VxD!IT5xi7s<P=oa`}^dDEc4m^Y5v)+r-hP#zL7nzi8gQ`P0-{nmqdVW`nD4(9S
z+ww9B;Rz#{9}_xu4&llg^_ivh`EpDnsT|pK2frm!Yo6I<o6wt}UmUrfY4dzwDoJbc
zc9cT|5A!<Sz{6^cC52fbE?o1dI`Ll)xhwCNC2O>+Qb)i~n=p%ItWBmWCfJW3T%z#q
z7CaT%J-bs;I#K5n=X}qWTX*+=&aA_7J}k<wO=XVn=Fdec7A(B>+r~Rs?~8Ho{a!Ak
z(^m#Bco$$z>n2JVCc@YnsoY#<PxD{!4_DuF6JBWDub2!UjFsJsF)GzZtu$L07gs47
zqUVpq_o#5qCBInQl~p}4{5&rZG)pI|Qy8}P70rc&oT@Ls)SAVvdw3@YDx>EaoewCU
z)*T!DI!*EaJ4MLM_CGPbrDkD1&>5k2zb&Wl+{LgMJEWu+U|k$jY4uvo*2dv{Za0~>
zv;5lPM(2|IUHZd2rTRH4C_nrL{=G^7>pz3scY{vO2nmI*)Be7dRxcXY6$q|O9X(+;
zi<rg2Z|6MI9<sD8$vFCMq}JEC?r^roXQlyuq>d+n_mCXV7K4HlA11<;jMa_r>j~vX
z*Was;%!hD<V>%--ORG?OyByeq>!Q|T5a?U_JoKgh19b~TvNP!)l<?Y&6K=-jW8)^W
zmqMoDN=&)_$)EY?-RMyZ3<fh<pN{=dvyFj1vYw1LdXyy5zi~diF}4kJsgz8txKs10
zx_Hbb1v55Y0q4ZV4lri-o2~T~c_Y?>bZ>ky?h~x&+EVpB=tW0|fG4*XYIo&}uS!#(
z>a<B0kuSMkh}M2a+3A1R#a92s-I8kgioc#PJ)PKPxLiD%zjK^v25t<YyCADVSFm4-
z`EmE4+Z*_5<Yjhmjg5Z1esRs+H`n{$Kf-_CjunvY9bQLUB$<XGuOsM~9UyxRX#L-a
zZ4ZRK_po{%x_$osA=E|&FgCsR=D%~c#QFOMi7mw~3N{ML&~XxVu3mt2i`I}<gO?Iu
JSqCA3{{go8mHz+$

diff --git a/modules/ui/src/icons/icons.css b/modules/ui/src/icons/icons.css
index 78036fd..f0d7363 100644
--- a/modules/ui/src/icons/icons.css
+++ b/modules/ui/src/icons/icons.css
@@ -64,9 +64,6 @@
 .icon-twitter:before {
 	content: '\69';
 }
-.icon-tea-logo-iconasset-1:before {
-	content: '\6a';
-}
 .icon-tea-circle:before {
 	content: '\6b';
 }
@@ -88,9 +85,6 @@
 .icon-click-copy-icon:before {
 	content: '\71';
 }
-.icon-search-icon:before {
-	content: '\72';
-}
 .icon-star-full:before {
 	content: '\73';
 }
@@ -100,3 +94,18 @@
 .icon-star-empty:before {
 	content: '\75';
 }
+.icon-tea-logo-iconasset-1:before {
+	content: '\6a';
+}
+.icon-search-icon:before {
+	content: '\72';
+}
+.icon-filter:before {
+	content: '\76';
+}
+.icon-upload:before {
+	content: '\77';
+}
+.icon-share:before {
+	content: '\78';
+}

From 95ee66d22a5b3ac725e59ad6b5785be4b82b6cab Mon Sep 17 00:00:00 2001
From: neil <neil@neils-MacBook-Pro.local>
Date: Wed, 11 Jan 2023 12:32:58 +0800
Subject: [PATCH 2/2] add apt-get update

---
 .github/workflows/ci.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 17c6a6b..7aa1b92 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -68,6 +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
           sh <(curl https://tea.xyz) build
       - uses: aws-actions/configure-aws-credentials@v1