🏙️📕 ↝ Method to create a 'repository' or a 'node' on the staging

Author: Gizmotronn

components/Content/CreateRepo.tsx

@@ -0,0 +1,52 @@
+import React, { useState, useEffect } from "react";
+import { useSession, useSupabaseClient } from "@supabase/auth-helpers-react";
+
+export default function CreateNode() {
+    const supabase  = useSupabaseClient();
+    const session = useSession();
+
+    const [repoName, setNodeName] = useState('');
+
+    const createNodeDb = async () => {
+        try {
+            if (repoName == '') {
+                return;
+            };
+
+            const { error, data } = await supabase
+                .from("posts_old")
+                .insert({
+                    content: repoName,
+                    author: session?.user?.id,
+                });
+
+            if (error) {
+                console.error("Error inserting data into Supabase, ", error.message);
+                return;
+            };
+
+            console.log("Data inserted successfully: ", data);
+            setNodeName('');
+        } catch (error) {
+            console.error("Error creating node: ", error);
+        };
+    };
+
+    return (
+        <div>
+            <input
+                type="text"
+                className="border border-gray-300 rounded-md px-3 py-2 mr-2 focus:outline-none focus:border-blue-500"
+                placeholder="Enter repository name"
+                value={repoName}
+                onChange={(e) => setNodeName(e.target.value)}
+            />
+            <button
+                className="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded"
+                onClick={createNodeDb}
+            >
+                Create Node
+            </button>
+        </div>
+    );
+};

components/Content/FileUpload.tsx

@@ -25,7 +25,7 @@ export default function FileUpload() {
       if (error) {
         console.error("Error inserting data into Supabase:", error.message);
         return;
-      }
+      };
 
       console.log("Data inserted successfully:", data);
 

pages/index.tsx

@@ -1,16 +1,13 @@
 import { useSession, useSupabaseClient } from "@supabase/auth-helpers-react";
 import React, { useEffect, useState } from "react";
-import CoreLayout from "../components/Core/Layout";
 import Layout from "../components/Section/Layout";
 import { useRouter } from "next/router";
-import Login from "./login";
-
-import styles from '../styles/Landing.module.css';
 import { Metadata } from "next";
 import FileUpload from "../components/Content/FileUpload";
+import CreateNode from "../components/Content/CreateRepo";
 
 export const metadata: Metadata = {
-  title: "Star Sailors"
+  title: "Star Sailors",
 }
 
 export default function Home() {
@@ -20,7 +17,7 @@ export default function Home() {
 
     async function logoutUser () { 
       const { error } = await supabase.auth.signOut() 
-    }
+    };
 
     const userId = session?.user?.id;
 
@@ -29,16 +26,17 @@ export default function Home() {
       <Layout>
         {/* {userId} */}
         <div className="flex flex-col gap-4">
+          <CreateNode />
           <FileUpload />
         </div>
       </Layout>
         // <CoreLayout>
-      )
-    }
+      );
+    };
 
     return (
       <div className="grid grid-cols-2 h-screen-navbar">
 
       </div>
     );
-}
+};