From f95ef58a93b3e6d9616a47d203fe15eadc601348 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Wed, 9 Apr 2025 16:31:55 +0100
Subject: [PATCH] Update AI tutor sidebar
---
src/components/AITutor/AITutorSidebar.tsx | 14 +++++++--
src/components/ReactIcons/AITutorLogo.tsx | 36 +++++++++++++++++++++++
2 files changed, 47 insertions(+), 3 deletions(-)
create mode 100644 src/components/ReactIcons/AITutorLogo.tsx
diff --git a/src/components/AITutor/AITutorSidebar.tsx b/src/components/AITutor/AITutorSidebar.tsx
index 0f4efaf2a..2f4e05972 100644
--- a/src/components/AITutor/AITutorSidebar.tsx
+++ b/src/components/AITutor/AITutorSidebar.tsx
@@ -1,4 +1,5 @@
-import { BookOpen, Bot, Compass, Plus, Star } from 'lucide-react';
+import { BookOpen, Compass, Plus, Star } from 'lucide-react';
+import { AITutorLogo } from '../ReactIcons/AITutorLogo';
type AITutorSidebarProps = {
activeTab: AITutorTab;
@@ -39,8 +40,15 @@ export function AITutorSidebar(props: AITutorSidebarProps) {
return (
<aside className="hidden w-[255px] shrink-0 border-r border-slate-200 md:block">
<div className="flex flex-col items-start justify-center px-6 py-5">
- <Bot className="mb-2 size-8 text-black" />
- <h2 className="mb-0.5 text-base font-semibold text-black">AI Tutor</h2>
+ <div className="flex flex-row items-center gap-1">
+ <AITutorLogo className="size-11 text-gray-500" color="black" />
+ </div>
+ <div className="my-3 flex flex-col">
+ <h2 className="-mb-px text-base font-semibold text-black">
+ AI Tutor
+ </h2>
+ <span className="text-xs text-gray-500">by roadmap.sh</span>
+ </div>
<p className="max-w-[150px] text-xs text-gray-500">
Your personalized learning companion for any topic
</p>
diff --git a/src/components/ReactIcons/AITutorLogo.tsx b/src/components/ReactIcons/AITutorLogo.tsx
new file mode 100644
index 000000000..0ddac87dd
--- /dev/null
+++ b/src/components/ReactIcons/AITutorLogo.tsx
@@ -0,0 +1,36 @@
+import type { SVGProps } from 'react';
+
+type AITutorLogoProps = SVGProps<SVGSVGElement>;
+
+export function AITutorLogo(props: AITutorLogoProps) {
+ return (
+ <svg
+ viewBox="0 0 310 248"
+ fill="none"
+ xmlns="http://www.w3.org/2000/svg"
+ {...props}
+ >
+ <rect width="310" height="247.211" fill="black" />
+ <path
+ d="M205.179 45.1641H263.851V201.278H205.179V45.1641Z"
+ fill="white"
+ />
+ <path
+ d="M45.1641 45.1743H104.598L104.598 202.048H45.1641L45.1641 45.1743Z"
+ fill="white"
+ />
+ <path
+ d="M160.984 45.1743V103.716L45.1641 103.716L45.1641 45.1743H160.984Z"
+ fill="white"
+ />
+ <path
+ d="M125.171 45.1743H184.605V201.284H125.171V45.1743Z"
+ fill="white"
+ />
+ <path
+ d="M159.841 131.85V173.88L63.8324 173.88L63.8324 131.85H159.841Z"
+ fill="white"
+ />
+ </svg>
+ );
+}