refactor the code

Author: KevithMannage

Frontend/src/App.tsx

@@ -1,112 +1,4 @@
-// import "./App.css";
-// import { useState, useEffect, useRef } from "react";
-// import CodeEditorPage from "./CodeEditor/Page";
-// import { ThemeProvider } from "./ThemeProvider";
-// import { ProfileProvider } from "./Contexts/ProfileContext";
-// import Login from "./components/login";
-// import Signup from "./components/signup";
-// import Dashboard from "./Dashboard/Dashboard";
-// import CodespaceInvitation from "./Dashboard/AcceptInvite";
-// import ProfilePage from "./Dashboard/profile";
-// import SettingsPage from "./Dashboard/ProfileSetting";
-// import Homepage from "./Home/Homepage";
-// import { BrowserRouter as Router, Routes, Route, Navigate } from "react-router";
-// import { supabase } from "./database/superbase";
-// import { type Session, type User } from "@supabase/supabase-js";
-// function App() {
-//   const [session, setSession] = useState<Session | null>(null);
-//   const lastTokenRef = useRef<string | undefined>(undefined);
-
-//   useEffect(() => {
-//     console.log("App mounted");
-
-//     const {
-//       data: { subscription },
-//     } = supabase.auth.onAuthStateChange((_event, session) => {
-//       const currentToken = session?.access_token;
-
-//       if (lastTokenRef.current !== currentToken) {
-//         console.log("Session updated:", session);
-//         lastTokenRef.current = currentToken;
-//         setSession(session);
-//         if (session) upsertProfile(session.user);
-//       }
-//     });
-//     return () => subscription.unsubscribe();
-//   }, []);
-
-//   async function upsertProfile(user: User) {
-//     const { id, user_metadata, email } = user;
-//     const full_name = user_metadata.full_name || "";
-//     const avatar_url = user_metadata.avatar_url || "";
-
-//     const { error } = await supabase
-//       .from("profiles")
-//       .upsert({ id, full_name, email, avatar_url }, { onConflict: "id" });
-
-//     if (error) console.error("Error upserting profile:", error.message);
-//   }
-
-//   function ProtectedRoute({ children }: { children: React.ReactNode }) {
-//     return session ? children : <Navigate to="/login" />;
-//   }
-
-//   return (
-//     <ThemeProvider>
-//       <ProfileProvider>
-//         <Router>
-//           <Routes>
-//             <Route path="/login" element={<Login />} />
-//             <Route path="/signup" element={<Signup />} />
-//             <Route path="/homepage" element={<Homepage />} />
-
-//             <Route
-//               path="/dashboard"
-//               element={
-//                 <ProtectedRoute>
-//                   {session && <Dashboard session={session} />}
-//                 </ProtectedRoute>
-//               }
-//             />
-//             <Route
-//               path="/profile"
-//               element={
-//                 <ProtectedRoute>
-//                   <ProfilePage />
-//                 </ProtectedRoute>
-//               }
-//             />
-//             <Route
-//               path="/settings"
-//               element={
-//                 <ProtectedRoute>
-//                   <SettingsPage />
-//                 </ProtectedRoute>
-//               }
-//             />
-
-//             <Route path="/codeeditor/:id" element={<CodeEditorPage />} />
-//             <Route
-//               path="/codespace/sharebyemail/:invitationId"
-//               element={<CodespaceInvitation />}
-//             />
-//             <Route
-//               path="/codeeditor"
-//               element={
-//                 <ProtectedRoute>
-//                   <CodeEditorPage />
-//                 </ProtectedRoute>
-//               }
-//             />
-//             <Route path="/" element={<Homepage />} />
-//           </Routes>
-//         </Router>
-//       </ProfileProvider>
-//     </ThemeProvider>
-//   );
-// }
-
-// export default App;
+
 import "./App.css";
 import { useState, useEffect, useRef } from "react";
 import CodeEditorPage from "./CodeEditor/Page";
@@ -120,7 +12,6 @@ import ProfilePage from "./Dashboard/profile";
 import SettingsPage from "./Dashboard/ProfileSetting";
 import Homepage from "./Home/Homepage";
 
-// 🚩 use react-router-dom (not react-router)
 import {
   BrowserRouter as Router,
   Routes,

Frontend/src/Dashboard/AcceptInvite.tsx

@@ -21,10 +21,8 @@ const CollaboratePage: React.FC = () => {
   const [isLoading, setIsLoading] = useState(false);
   const [showContent, setShowContent] = useState(false);
 
-  // Debugging: Log the invitationId
   console.log("Invitation ID:", invitationId);
 
-  // Animation effect
   useEffect(() => {
     const timer = setTimeout(() => setShowContent(true), 100);
     return () => clearTimeout(timer);

Frontend/src/Dashboard/CreateCodespaceModal.tsx

@@ -5,7 +5,7 @@ import { useTheme } from "../ThemeProvider";
 interface Props {
   isOpen: boolean;
   onClose: () => void;
-  onSubmit: (name: string) => Promise<boolean>; // ✅ only name
+  onSubmit: (name: string) => Promise<boolean>; 
 }
 
 function CreateCodespaceModal({ isOpen, onClose, onSubmit }: Props) {

Frontend/src/Dashboard/Dashboard.tsx

@@ -10,7 +10,7 @@ import CreateCodespaceModal from "./CreateCodespaceModal";
 import { useCodespaces } from "./useCodespaces";
 import { type ViewMode } from "./codespace.types";
 import type { Codespace } from "./codespace.types";
-import { useNavigate } from "react-router-dom"; // ✅ import navigate
+import { useNavigate } from "react-router-dom";
 
 type Props = {
   session: Session;