From 034f048883ba369f68215974dbd73d44734c6cde Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Sun, 22 Oct 2023 00:19:18 +0200
Subject: [PATCH] Add browse link on home page

---
 front/packages/primitives/src/links.tsx |  4 ++--
 front/packages/ui/src/navbar/index.tsx  | 15 ++++++++++++++-
 front/translations/en.json              |  1 +
 front/translations/fr.json              |  1 +
 4 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/front/packages/primitives/src/links.tsx b/front/packages/primitives/src/links.tsx
index 152c259b..b7fcac8f 100644
--- a/front/packages/primitives/src/links.tsx
+++ b/front/packages/primitives/src/links.tsx
@@ -29,12 +29,12 @@ export const A = ({
 	replace,
 	children,
 	...props
-}: TextProps & { href: string; replace?: boolean; children: ReactNode }) => {
+}: TextProps & { href?: string; replace?: boolean; children: ReactNode }) => {
 	const { css, theme } = useYoshiki();
 
 	return (
 		<TextLink
-			href={href}
+			href={href ?? ""}
 			replace={replace as any}
 			experimental={
 				replace
diff --git a/front/packages/ui/src/navbar/index.tsx b/front/packages/ui/src/navbar/index.tsx
index 4c858f82..58a5cff5 100644
--- a/front/packages/ui/src/navbar/index.tsx
+++ b/front/packages/ui/src/navbar/index.tsx
@@ -199,6 +199,7 @@ export const NavbarRight = () => {
 
 export const Navbar = (props: Stylable) => {
 	const { css, theme } = useYoshiki();
+	const { t } = useTranslation();
 
 	return (
 		<Header
@@ -223,7 +224,19 @@ export const Navbar = (props: Stylable) => {
 				props,
 			)}
 		>
-			<NavbarTitle {...css({ marginX: ts(2) })} />
+			<View {...css({ flexDirection: "row" })}>
+				<NavbarTitle {...css({ marginX: ts(2) })} />
+				<A
+					href="/browse"
+					{...css({
+						textTransform: "uppercase",
+						fontWeight: "bold",
+						color: (theme) => theme.contrast,
+					})}
+				>
+					{t("navbar.browse")}
+				</A>
+			</View>
 			<View
 				{...css({
 					flexGrow: 1,
diff --git a/front/translations/en.json b/front/translations/en.json
index d740730d..e18bb374 100644
--- a/front/translations/en.json
+++ b/front/translations/en.json
@@ -42,6 +42,7 @@
 	},
 	"navbar": {
 		"home": "Home",
+		"browse": "Browse",
 		"search": "Search",
 		"login": "Login"
 	},
diff --git a/front/translations/fr.json b/front/translations/fr.json
index 58ed722d..bd26690e 100644
--- a/front/translations/fr.json
+++ b/front/translations/fr.json
@@ -42,6 +42,7 @@
 	},
 	"navbar": {
 		"home": "Accueil",
+		"browse": "Liste",
 		"search": "Rechercher",
 		"login": "Connexion"
 	},