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>
+  );
+}