Final Touches

frontend-next/.eslintrc.json

@@ -3,6 +3,7 @@
   "rules": {
     "no-unused-vars": ["warn", { "vars": "all", "args": "after-used", "ignoreRestSiblings": false }],
     "jsx-a11y/alt-text": "off",
-    "@next/next/no-img-element": "off"
+    "@next/next/no-img-element": "off",
+    "no-console": "on",
   }
 }

frontend-next/src/app/app/page.js

@@ -2,14 +2,10 @@
 // System Imports
 import { useState, useEffect } from "react";
 import { auth, database } from "../../../firebase-config";
-import { ref, onValue, set, remove, get } from "firebase/database";
+import { ref, onValue } from "firebase/database";
 import { useAuthState } from "react-firebase-hooks/auth"
 import { useGeolocated } from "react-geolocated";
 
-// Refactored Component Imports
-// Data Structure Imports
-import { Member } from "../../components/app/datatypes";
-
 // Header Import
 import { Header } from "../../components/app/header";
 
@@ -24,7 +20,6 @@ function Home() {
   // It's time to document and change these awful variable names
   // State variables for app page
   const [user, setUser] = useState(null);
-  const [mainTab, setMainTab] = useState("home"); // Primary tab
   const [loadingLoc, setLoadingLoc] = useState(true); // location variable loading, true = loading, false = finished loading
   const [authUser, loading] = useAuthState(auth)
 
@@ -50,7 +45,6 @@ function Home() {
         });
 
   useEffect(() => {
-    console.log(coords)
     if (coords) {
         setLoadingLoc(false);
     }
@@ -69,10 +63,10 @@ function Home() {
             />
             {/* Main Page Section */}
             <div className="mr-2 h-[calc(100%-110px)]">
-              {mainTab == "home" && !loadingLoc && (
+              {!loadingLoc && (
                 <MainTabHome loc={coords} user={user} />
               )}
-              {mainTab == "home" && loadingLoc && (
+              {loadingLoc && (
                 <MainTabHome loc={null} user={user} />
               )}
             </div>

frontend-next/src/app/page.js

@@ -9,13 +9,11 @@ function Home() {
   const [isLoadingLoc, setLoadingLoc] = useState(true);
   const [roomCount, setRoomCount] = useState(null);
   const [isAuthenticated, setAuth] = useState(false);
-  const [userID, setUserID] = useState(null);
 
   // Authentication
   useEffect(() => {
     onAuthStateChanged(auth, (user) => {
       if (user) {
-        setUserID(user.uid);
         setAuth(true);
       } else {
         setAuth(false);

frontend-next/src/app/user/[stub]/page.js

@@ -1,8 +1,8 @@
 "use client";
 // System Imports
 import { useState, useEffect } from "react";
-import { auth, database, storage } from "../../../../firebase-config";
-import { ref, onValue, get, update } from "firebase/database";
+import { auth, database } from "../../../../firebase-config";
+import { ref, onValue, get } from "firebase/database";
 import { onAuthStateChanged } from "firebase/auth";
 
 // Refactored Component Imports

frontend-next/src/components/app/header.js

@@ -2,7 +2,6 @@ import { auth, database } from "../../../firebase-config";
 import { ref, set, remove } from "firebase/database";
 import { signOut } from "firebase/auth";
 import { Popover } from "@headlessui/react";
-import { useState, useEffect } from "react";
 
 
 function logout() {

frontend-next/src/components/app/main_tab/chat.js

@@ -7,7 +7,6 @@ import { database } from "../../../../firebase-config";
 // Chatroom Module for Primary Tab
 export function MainTabChatRoom({ roomObj, user }) {
   var { register, control, reset, handleSubmit } = useForm();
-  const [isLoading, setLoading] = useState(true);
 
   // Message updater
   var chatsArr = [];

frontend-next/src/components/app/profile/ProfileRoom.js

@@ -20,7 +20,7 @@ export function ProfileRoom({ room }) {
         </div>
         <a
           href={
-            "/app?room=" + room.path + "/" + room.name + "-" + room.timestamp
+            "/chat?room=" + room.path + "/" + room.name + "-" + room.timestamp
           }
           className="absolute z-2 top-[190px] w-[108px] p-2 cursor-pointer bg-cyan-500 text-white font-bold rounded-full flex items-center"
         >

frontend-next/src/components/app/sidebar/home.js

@@ -3,7 +3,7 @@ import { database } from "../../../../firebase-config";
 import { ref, set, get } from "firebase/database";
 import { useEffect, useState } from "react";
 
-import { ChatRoomSidebar, Marker } from "../datatypes";
+import { ChatRoomSidebar } from "../datatypes";
 // Sidebar on Home Page, with various functionality (create, nearby, my rooms)
 
 // CreateRoom Module for Sidebar Create Tab
@@ -80,7 +80,6 @@ export function Home_Sidebar({
         if (snapshot.exists()) {
           var rooms = snapshot.val()
           for (var room in rooms) {
-            console.log(rooms[room])
             var newRoom = (
               <ChatRoomSidebar
                 roomObj={rooms[room]}