chore: typescript refactor

front/app/_orgs/[orgslug]/course/[courseid]/element/[elementid]/page.tsx

@@ -5,7 +5,7 @@ import React, { useMemo } from "react";
 import Layout from "../../../../../../../components/UI/Layout";
 import { getElement } from "../../../../../../../services/courses/elements";
 import { getBackendUrl } from "../../../../../../../services/config";
-import Canva from "../../../../../../../components/Canva/Canva";
+import Canva from "../../../../../../../components/LectureViews/DynamicCanva/DynamicCanva";
 import styled from "styled-components";
 import { getCourse, getCourseMetadata } from "../../../../../../../services/courses/courses";
 

front/app/_orgs/[orgslug]/page.tsx

@@ -1,8 +1,5 @@
 "use client";
-import { useRouter, useSearchParams, useSelectedLayoutSegment } from "next/navigation";
-import Layout from "../../../components/UI/Layout";
-import { Title } from "../../../components/UI/Elements/Styles/Title";
-import { Header } from "../../../components/UI/Header";
+import { Title } from "@components/UI/Elements/Styles/Title";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 

front/components/LectureViews/DynamicCanva/DynamicCanva.tsx

@@ -2,12 +2,12 @@ import React from "react";
 import { useEditor, EditorContent } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 // Custom Extensions
-import InfoCallout from "../Editor/Extensions/Callout/Info/InfoCallout";
-import WarningCallout from "../Editor/Extensions/Callout/Warning/WarningCallout";
-import ImageBlock from "../Editor/Extensions/Image/ImageBlock";
+import InfoCallout from "@editor/Extensions/Callout/Info/InfoCallout";
+import WarningCallout from "@editor/Extensions/Callout/Warning/WarningCallout";
+import ImageBlock from "@editor/Extensions/Image/ImageBlock";
 import Youtube from "@tiptap/extension-youtube";
-import { EditorContentWrapper } from "../Editor/Editor";
-import VideoBlock from "../Editor/Extensions/Video/VideoBlock";
+import { EditorContentWrapper } from "@editor/Editor";
+import VideoBlock from "@editor/Extensions/Video/VideoBlock";
 import { styled } from "styled-components";
 
 interface Editor {

front/components/LectureViews/Video/Video.tsx

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

front/components/Modals/CourseEdit/NewElement.tsx

@@ -2,7 +2,6 @@ import React, { useState } from "react";
 import { ArrowLeftIcon, Cross1Icon } from "@radix-ui/react-icons";
 import Modal from "../Modal";
 import styled from "styled-components";
-import dynamic from "next/dynamic";
 import DynamicCanvaModal from "./NewElementModal/DynamicCanva";
 import VideoModal from "./NewElementModal/Video";
 

front/tsconfig.json

@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -22,32 +18,17 @@
       {
         "name": "next"
       }
-    ]
+    ],
+    "baseUrl": ".",
+    "paths": {
+      "@components/*": ["components/*"],
+      "@public/*": ["public/*"],
+      "@images/*": ["public/img/*"],
+      "@services/*": ["services/*"],
+      "@editor/*": ["components/Editor/*"]
+    }
   },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts"
-  ],
-  "paths": {
-    "@components/*": [
-      "components/*"
-    ],
-    "@public/*": [
-      "public/*"
-    ],
-    "@images/*": [
-      "public/img/*"
-    ],
-    "@services/*": [
-      "services/*"
-    ],
-    "@editor/*": [
-      "components/Editor/*"
-    ]
-  },
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+
+  "exclude": ["node_modules"]
 }