From 69b7b0bbec068da4eadf6e5c366d091de3cd4fe3 Mon Sep 17 00:00:00 2001
From: Dario Piotrowicz <dario@cloudflare.com>
Date: Thu, 2 Mar 2023 12:33:16 +0000
Subject: [PATCH] add links to about page

---
 frontend/src/components/layout/LeftColumn/LeftColumn.tsx   | 7 +++++++
 frontend/src/components/layout/RightColumn/RightColumn.tsx | 7 +++----
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/layout/LeftColumn/LeftColumn.tsx b/frontend/src/components/layout/LeftColumn/LeftColumn.tsx
index d82b22d..45b816d 100644
--- a/frontend/src/components/layout/LeftColumn/LeftColumn.tsx
+++ b/frontend/src/components/layout/LeftColumn/LeftColumn.tsx
@@ -1,4 +1,5 @@
 import { component$, useContext } from '@builder.io/qwik'
+import { Link } from '@builder.io/qwik-city'
 import { InstanceConfigContext } from '~/utils/instanceConfig'
 import { useDomain } from '~/utils/useDomain'
 
@@ -16,6 +17,12 @@ export default component$(() => {
 				<img class="w-full" src={config.thumbnail} alt="Wildebeest instance thumbnail" />
 				<p>{config.description}</p>
 			</div>
+			<Link
+				class="block text-wildebeest-500 border border-current my-4 p-2 text-center rounded-md no-underline"
+				href="/about"
+			>
+				Learn More
+			</Link>
 		</div>
 	)
 })
diff --git a/frontend/src/components/layout/RightColumn/RightColumn.tsx b/frontend/src/components/layout/RightColumn/RightColumn.tsx
index af3f742..c86e530 100644
--- a/frontend/src/components/layout/RightColumn/RightColumn.tsx
+++ b/frontend/src/components/layout/RightColumn/RightColumn.tsx
@@ -37,7 +37,7 @@ export default component$(() => {
 		{ iconName: 'fa-globe', linkText: 'Federated', linkTarget: '/public', linkActiveRegex: /^\/public\/?$/ },
 	]
 
-	// const aboutLink = { iconName: 'fa-ellipsis', linkText: 'About', linkTarget: '/about', linkActiveRegex: /^\/about/ }
+	const aboutLink = { iconName: 'fa-ellipsis', linkText: 'About', linkTarget: '/about', linkActiveRegex: /^\/about/ }
 
 	return (
 		<div class="bg-wildebeest-600 xl:bg-transparent flex flex-col justify-between right-column-wrapper text-wildebeest-200 flex-1 z-10">
@@ -49,11 +49,10 @@ export default component$(() => {
 				</div>
 				<hr class="hidden xl:block border-t border-wildebeest-700 my-3" />
 				{links.map((link) => renderNavLink(link))}
-				{/* *********** Hiding the about link until the backend support is available ***************** */}
-				{/* <div class="xl:hidden">
+				<div class="xl:hidden">
 					<hr class="border-t border-wildebeest-700 my-3" />
 					{renderNavLink(aboutLink)}
-				</div> */}
+				</div>
 
 				{!accessData.isAuthorized && (
 					<a