feat: init new edit course page

apps/web/app/orgs/[orgslug]/dash/courses/course/[courseuuid]/[subpage]/page.tsx

@@ -0,0 +1,59 @@
+'use client';
+import EditCourseStructure from '../../../../../../../../components/Dashboard/EditCourseStructure/EditCourseStructure'
+import BreadCrumbs from '@components/Dashboard/UI/BreadCrumbs'
+import PageLoading from '@components/Objects/Loaders/PageLoading';
+import ClientComponentSkeleton from '@components/Utils/ClientComp';
+import { getAPIUrl, getUriWithOrg } from '@services/config/config';
+import { swrFetcher } from '@services/utils/ts/requests';
+import React, { createContext, use, useEffect, useState } from 'react'
+import useSWR from 'swr';
+import { CourseProvider, useCourse } from '../../../../../../../../components/Dashboard/CourseContext';
+import SaveState from '@components/Dashboard/UI/SaveState';
+import Link from 'next/link';
+import { CourseOverviewTop } from '@components/Dashboard/UI/CourseOverviewTop';
+
+export type CourseOverviewParams = {
+    orgslug: string,
+    courseuuid: string,
+    subpage: string
+}
+
+export const CourseStructureContext = createContext({}) as any;
+
+
+function CourseOverviewPage({ params }: { params: CourseOverviewParams }) {
+
+    function getEntireCourseUUID(courseuuid: string) {
+        // add course_ to uuid 
+        return `course_${courseuuid}`
+    }
+
+    return (
+        <div className='h-full w-full bg-[#f8f8f8]'>
+            <CourseProvider courseuuid={getEntireCourseUUID(params.courseuuid)}>
+                <div className='pl-10 pr-10  tracking-tight bg-[#fcfbfc] shadow-[0px_4px_16px_rgba(0,0,0,0.02)]'>
+                    <CourseOverviewTop params={params} />
+                    <div className='flex space-x-5 font-black text-sm'>
+                        <Link href={getUriWithOrg(params.orgslug, "") + `/dash/courses/course/${params.courseuuid}/general`}>
+                            <div className={`py-2 w-16 text-center border-black transition-all ease-linear ${params.subpage.toString() === 'general' ? 'border-b-4' : 'opacity-50'} cursor-pointer`}>General</div>
+                        </Link>
+                        <Link href={getUriWithOrg(params.orgslug, "") + `/dash/courses/course/${params.courseuuid}/structure`}>
+                            <div className={`py-2 w-16 text-center border-black transition-all ease-linear ${params.subpage.toString() === 'structure' ? 'border-b-4' : 'opacity-50'} cursor-pointer`}>Structure</div>
+                        </Link>
+                    </div>
+                </div>
+
+
+                <div className='h-6'></div>
+                {params.subpage == 'structure' ? <EditCourseStructure orgslug={params.orgslug} /> : ''}
+                
+            </CourseProvider>
+        </div>
+    )
+}
+
+
+
+
+
+export default CourseOverviewPage

apps/web/app/orgs/[orgslug]/dash/courses/page.tsx

@@ -0,0 +1,22 @@
+'use client';
+import BreadCrumbs from '@components/Dashboard/UI/BreadCrumbs'
+import Link from 'next/link'
+import React from 'react'
+
+function CoursesHome() {
+    return (
+        <div>
+            <div className='h-full w-fullbg-white'>
+            <div className='pl-10 tracking-tighter'>
+            <BreadCrumbs type='courses'  />
+                <div className='flex pt-2'>
+                    <div className='font-bold text-4xl'>Courses</div>
+                </div>
+            </div>
+
+        </div>
+        </div>
+    )
+}
+
+export default CoursesHome

apps/web/app/orgs/[orgslug]/dash/layout.tsx

@@ -0,0 +1,20 @@
+import LeftMenu from '@components/Dashboard/UI/LeftMenu'
+import AuthProvider from '@components/Security/AuthProvider'
+import React from 'react'
+
+function DashboardLayout({ children, params }: { children: React.ReactNode, params: any }) {
+    return (
+        <>
+            <AuthProvider>
+                <div className='flex'>
+                <LeftMenu/>
+                <div className='flex w-full'>
+                {children}
+                </div>
+                </div>
+            </AuthProvider>
+        </>
+    )
+}
+
+export default DashboardLayout

apps/web/app/orgs/[orgslug]/dash/page.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function DashboardHome() {
+    return (
+        <div>DashboardHome</div>
+    )
+}
+
+export default DashboardHome

apps/web/app/orgs/[orgslug]/layout.tsx

@@ -1,4 +1,3 @@
-
 import "@styles/globals.css";
 
 export default function RootLayout({ children, params }: { children: React.ReactNode , params:any}) {

apps/web/app/orgs/[orgslug]/template.tsx

@@ -1,25 +0,0 @@
-"use client";
-import { motion } from "framer-motion";
-export default function Template({ children }: { children: React.ReactNode }) {
-   
-  const variants = {
-    hidden: { opacity: 0, x: 0, y: 0 },
-    enter: { opacity: 1, x: 0, y: 0 },
-    exit: { opacity: 0, x: 0, y: 0 },
-  };
-
-  return (
-    <div>
-      <motion.main
-        variants={variants} // Pass the variant object into Framer Motion
-        initial="hidden" // Set the initial state to variants.hidden
-        animate="enter" // Animated state to variants.enter
-        exit="exit" // Exit state (used later) to variants.exit
-        transition={{ type: "linear" }} // Set the transition to linear
-        className=""
-      >
-        {children}
-      </motion.main>
-    </div>
-  );
-}