add sample editor

Himasnhu-AT · Sep 29, 2024 · 3ede587 · 3ede587
1 parent d4b95fa
commit 3ede587
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 15 deletions.
diff --git a/apps/web/package.json b/apps/web/package.json
@@ -14,6 +14,7 @@
     "@nextui-org/react": "^2.4.6",
     "@radix-ui/react-label": "^2.1.0",
     "@tabler/icons-react": "^3.11.0",
+    "axios": "^1.7.7",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "console": "^0.7.2",

diff --git a/apps/web/src/app/editor/page.tsx b/apps/web/src/app/editor/page.tsx
@@ -1,19 +1,21 @@
-import { useEffect, useState } from 'react';
-import Head from 'next/head';
-import Editor from '../components/Editor';
-import { Document } from '../types';
-import { fetchDocument } from '../utils/api';
+"use client";
+
+import { useEffect, useState } from "react";
+import Head from "next/head";
+import { fetchDocument } from "@/utils/editor_api";
+import Editor from "@/components/editor/editor";
+import { Document } from "@/types/editor";
 
 export default function Home() {
   const [document, setDocument] = useState<Document | null>(null);
 
   useEffect(() => {
     const loadDocument = async () => {
       try {
-        const doc = await fetchDocument('example-document-id');
+        const doc: Document = await fetchDocument("example-document-id");
         setDocument(doc);
       } catch (error) {
-        console.error('Error loading document:', error);
+        console.error("Error loading document:", error);
       }
     };
 
@@ -24,7 +26,10 @@ export default function Home() {
     <div className="container mx-auto px-4">
       <Head>
         <title>NotionAI Alternative</title>
-        <meta name="description" content="An open-source NotionAI alternative" />
+        <meta
+          name="description"
+          content="An open-source NotionAI alternative"
+        />
         <link rel="icon" href="/favicon.ico" />
       </Head>
 

diff --git a/apps/web/src/components/editor/BlockComponent.tsx b/apps/web/src/components/editor/BlockComponent.tsx
@@ -1,5 +1,5 @@
+import { Block } from "@/types/editor";
 import { useState } from "react";
-import { Block } from "../types";
 
 interface BlockComponentProps {
   block: Block;

diff --git a/apps/web/src/components/editor/editor.tsx b/apps/web/src/components/editor/editor.tsx
@@ -1,13 +1,13 @@
 import { useState } from "react";
-import { Document, Block } from "../types";
 import BlockComponent from "./BlockComponent";
+import { Document, Block } from "@/types/editor";
 import Toolbar from "./Toolbar";
 import {
-  updateDocument,
   createBlock,
-  updateBlock,
   deleteBlock,
-} from "../utils/api";
+  updateBlock,
+  updateDocument,
+} from "@/utils/editor_api";
 
 interface EditorProps {
   initialDocument: Document;

diff --git a/apps/web/src/utils/editor_api.ts b/apps/web/src/utils/editor_api.ts
@@ -1,11 +1,11 @@
+import { Document, Block } from "@/types/editor";
 import axios from "axios";
-import { Document, Block } from "../types";
 
 const API_URL = process.env.NEXT_PUBLIC_API_URL || "http://localhost:3000/api";
 
 export const fetchDocument = async (id: string): Promise<Document> => {
   const response = await axios.get(`${API_URL}/documents/${id}`);
-  return response.data;
+  return response.data as Document;
 };
 
 export const updateDocument = async (