From 5f089341be2fea03db70b5a47ebf7096ddd65d07 Mon Sep 17 00:00:00 2001
From: Nicholas Pease <me@nicholaspease.com>
Date: Thu, 18 Apr 2024 23:24:57 -0400
Subject: [PATCH 1/2] Clear Error From Console

---
 frontend-next/src/components/app/sidebar/home.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend-next/src/components/app/sidebar/home.js b/frontend-next/src/components/app/sidebar/home.js
index 5745b1b..a6fe2d7 100644
--- a/frontend-next/src/components/app/sidebar/home.js
+++ b/frontend-next/src/components/app/sidebar/home.js
@@ -189,7 +189,7 @@ export function Sidebar({user,location,loadingLoc}) {
                   selected
                     ? 'bg-cyan-500 text-white font-bold shadow hover:bg-white/[0.6] hover:text-black'
                     : 'hover:bg-cyan-500/[0.6] hover:text-white hover:font-bold'
-                )} defaultIndex={1}>Nearby</Tab>
+                )}>Nearby</Tab>
             <Tab className={({ selected }) =>
                 classNames(
                   'w-[30%]',
@@ -210,21 +210,21 @@ export function Sidebar({user,location,loadingLoc}) {
                   selected
                     ? 'bg-cyan-500 text-white font-bold shadow hover:bg-white/[0.6] hover:text-black'
                     : 'hover:bg-cyan-500/[0.6] hover:text-white hover:font-bold'
-                )} defaultIndex={1}>DMs</Tab>
+                )}>DMs</Tab>
                 <Tab className={({ selected }) =>
                 classNames(
                   'w-[30%]',
                   selected
                     ? 'bg-cyan-500 text-white font-bold shadow hover:bg-white/[0.6] hover:text-black'
                     : 'hover:bg-cyan-500/[0.6] hover:text-white hover:font-bold'
-                )} defaultIndex={1}>Friends</Tab>
+                )}>Friends</Tab>
                 <Tab className={({ selected }) =>
                 classNames(
                   'w-[30%]',
                   selected
                     ? 'bg-cyan-500 text-white font-bold shadow hover:bg-white/[0.6] hover:text-black'
                     : 'hover:bg-cyan-500/[0.6] hover:text-white hover:font-bold'
-                )} defaultIndex={1}>Requests</Tab>
+                )}>Requests</Tab>
                 
           </Tab.List>
           <Tab.Panels>
-- 
2.52.0


From e203a87a774b57931cd8a9fe636f8053f4cc6834 Mon Sep 17 00:00:00 2001
From: Nicholas Pease <me@nicholaspease.com>
Date: Thu, 18 Apr 2024 23:29:47 -0400
Subject: [PATCH 2/2] Fix disappearing rooms on status visibility change

---
 .../src/components/app/sidebar/home.js        | 31 +++++++++++--------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/frontend-next/src/components/app/sidebar/home.js b/frontend-next/src/components/app/sidebar/home.js
index a6fe2d7..3d28ef8 100644
--- a/frontend-next/src/components/app/sidebar/home.js
+++ b/frontend-next/src/components/app/sidebar/home.js
@@ -93,19 +93,24 @@ export function Sidebar({user,location,loadingLoc}) {
   const [friends, setFriends] = useState([])
   const [friendRequests, setFriendRequests] = useState(null)
   const [dms, setDMs] = useState((<div>No DMs</div>))
-  // Add myRooms to Sidebar
-  var myRoomArr = [];
-  for (var room in user.rooms) {
-    get(ref(database, `/rooms/${user.rooms[room].path}/${user.rooms[room].name}-${user.rooms[room].timestamp}`)).then((snapshot) => {
-      var newRoom = (
-        <ChatRoomSidebar
-          roomObj={snapshot.val()}
-          key={snapshot.val().timestamp}
-        />
-      );
-      myRoomArr.push(newRoom);
-    })
-  }
+  const [myRoomArr, setMyRoomArr] = useState([])
+
+  useEffect(() => {
+    var myRoomArr = [];
+    // Add myRooms to Sidebar
+    for (var room in user.rooms) {
+      get(ref(database, `/rooms/${user.rooms[room].path}/${user.rooms[room].name}-${user.rooms[room].timestamp}`)).then((snapshot) => {
+        var newRoom = (
+          <ChatRoomSidebar
+            roomObj={snapshot.val()}
+            key={snapshot.val().timestamp}
+          />
+        );
+        myRoomArr.push(newRoom);
+      })
+    }
+    setMyRoomArr(myRoomArr)
+  }, [])
 
   useEffect(() => {
     var nearbyArr = []
-- 
2.52.0