From 9663ba019e005899e00f199c3b897db53212ba10 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Tue, 18 Mar 2025 18:17:28 +0000
Subject: [PATCH] Improve UI

---
 src/components/GenerateCourse/AICourseActions.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/GenerateCourse/AICourseActions.tsx b/src/components/GenerateCourse/AICourseActions.tsx
index 3ac19ff90..a33b219fc 100644
--- a/src/components/GenerateCourse/AICourseActions.tsx
+++ b/src/components/GenerateCourse/AICourseActions.tsx
@@ -1,4 +1,4 @@
-import { MoreVertical, X } from 'lucide-react';
+import { MoreVertical, Play, Trash2 } from 'lucide-react';
 import { useRef, useState } from 'react';
 import { useOutsideClick } from '../../hooks/use-outside-click';
 import { useKeydown } from '../../hooks/use-keydown';
@@ -62,6 +62,13 @@ export function AICourseActions(props: AICourseActionsType) {
 
       {isOpen && (
         <div className="absolute right-0 top-8 z-10 w-48 overflow-hidden rounded-md border border-gray-200 bg-white shadow-lg">
+          <a
+            href={`/ai-tutor/${courseSlug}`}
+            className="flex w-full items-center gap-1.5 p-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-black disabled:cursor-not-allowed disabled:opacity-70"
+          >
+            <Play className="h-3.5 w-3.5" />
+            Start Course
+          </a>
           {!isConfirming && (
             <button
               className="flex w-full items-center gap-1.5 p-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-black disabled:cursor-not-allowed disabled:opacity-70"
@@ -70,7 +77,7 @@ export function AICourseActions(props: AICourseActionsType) {
             >
               {!isDeleting ? (
                 <>
-                  <X className="h-3.5 w-3.5" />
+                  <Trash2 className="h-3.5 w-3.5" />
                   Delete Course
                 </>
               ) : (