feat/search: Added search bar and other minor ui fix (#1176)

* feat/search: Added search bar and other minor ui fix

* feat/search: Fixed search api result

* feat/search: minor fix

* Update Sidebar.tsx

tried the GUI conflict resolver xD

* Update Sidebar.tsx

src/app/api/search/route.ts

@@ -3,6 +3,8 @@ import db from '@/db';
 import { CourseContent } from '@prisma/client';
 import Fuse from 'fuse.js';
 import { NextRequest, NextResponse } from 'next/server';
+import { getServerSession } from 'next-auth';
+import { authOptions } from '@/lib/auth';
 
 export type TSearchedVideos = {
   id: number;
@@ -24,6 +26,7 @@ const fuzzySearch = (videos: TSearchedVideos[], searchQuery: string) => {
 export async function GET(request: NextRequest) {
   const { searchParams } = new URL(request.url);
   const searchQuery = searchParams.get('q');
+  const session = await getServerSession(authOptions);
 
   if (searchQuery && searchQuery.length > 2) {
     const value: TSearchedVideos[] = await cache.get(
@@ -39,6 +42,19 @@ export async function GET(request: NextRequest) {
       where: {
         type: 'video',
         hidden: false,
+        parent: {
+          courses: {
+            some: {
+              course: {
+                purchasedBy: {
+                  some: {
+                    userId: session?.user?.id,
+                  },
+                },
+              },
+            },
+          },
+        },
       },
       select: {
         id: true,

src/app/courses/[courseId]/layout.tsx

@@ -1,4 +1,5 @@
 import { QueryParams } from '@/actions/types';
+import SearchBar from '@/components/search/SearchBar';
 import { Sidebar } from '@/components/Sidebar';
 import { getFullCourseContent } from '@/db/course';
 import { authOptions } from '@/lib/auth';
@@ -49,7 +50,10 @@ const Layout = async ({
 
   return (
     <div className="relative flex min-h-screen flex-col py-24">
-      <Sidebar fullCourseContent={fullCourseContent} courseId={courseId} />
+      <div className="flex justify-between gap-8">
+        <SearchBar />
+        <Sidebar fullCourseContent={fullCourseContent} courseId={courseId} />
+      </div>
       {children}
     </div>
   );