From ddcff3c6e4551e194d542c6fb67e4b4218998bc1 Mon Sep 17 00:00:00 2001
From: marshennikovaolga <marshennikova@gmail.com>
Date: Tue, 10 Sep 2024 11:48:12 +0300
Subject: [PATCH] sidebar: GitHub link

---
 .../custom/sidebar/partial/profile-section.tsx         | 10 ++++++++++
 web/components/routes/OnboardingRoute.tsx              |  6 +++---
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/web/components/custom/sidebar/partial/profile-section.tsx b/web/components/custom/sidebar/partial/profile-section.tsx
index 5ac924ab..d4670f13 100644
--- a/web/components/custom/sidebar/partial/profile-section.tsx
+++ b/web/components/custom/sidebar/partial/profile-section.tsx
@@ -86,6 +86,16 @@ export const ProfileSection: React.FC = () => {
 							</DropdownMenuItem>
 							<DropdownMenuSeparator />
 
+							<DropdownMenuItem asChild>
+								<Link href="https://github.com/learn-anything">
+									<div className="relative flex flex-1 items-center gap-2">
+										<LaIcon name="Github" />
+										<span className="line-clamp-1 flex-1">GitHub</span>
+									</div>
+								</Link>
+							</DropdownMenuItem>
+							<DropdownMenuSeparator />
+
 							<DropdownMenuItem onClick={() => signOut()}>
 								<div className="relative flex flex-1 items-center gap-2">
 									<LaIcon name="LogOut" />
diff --git a/web/components/routes/OnboardingRoute.tsx b/web/components/routes/OnboardingRoute.tsx
index 87cf0dc6..359bd610 100644
--- a/web/components/routes/OnboardingRoute.tsx
+++ b/web/components/routes/OnboardingRoute.tsx
@@ -64,7 +64,7 @@ const StepItem = ({
 			<p className="w-[90%] leading-relaxed opacity-70">{description}</p>
 			<div className="flex flex-row items-center gap-2">
 				<LaIcon name={done ? "SquareCheck" : "Square"} className={`${done ? "text-green-500" : ""}`} />
-				<p>{task}</p>
+				<p className={`${done ? "opacity-35" : ""}`}>{task}</p>
 			</div>
 		</div>
 	</div>
@@ -117,9 +117,9 @@ export default function OnboardingRoute() {
 	const completedSteps = [isCreateLinkDone, isCreatePageDone, isStartTrackingDone, isAddLinkDone].filter(Boolean).length
 
 	return (
-		<div className="flex flex-1 flex-col space-y-8 text-sm text-black dark:text-white">
+		<div className="flex flex-1 flex-col space-y-4 text-sm text-black dark:text-white">
 			<div className="ml-10 flex flex-col items-start border-b border-neutral-200 bg-inherit dark:border-neutral-900">
-				<p className="h-[74px] p-[20px] text-2xl font-semibold opacity-60">Onboarding</p>
+				<p className="h-[70px] p-[20px] text-2xl font-semibold opacity-60">Onboarding</p>
 			</div>
 			<div className="mx-auto w-[70%] rounded-lg border border-neutral-200 bg-inherit p-6 shadow dark:border-neutral-900">
 				<h2 className="mb-4 text-lg font-semibold">Complete the steps below to get started</h2>