npease/ChatMaps
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 7 Wiki Activity

Fix disappearing rooms on status visibility change #84

Merged
LAX18 merged 2 commits from npease-bugfix-status into main 2024-04-18 18:49:26 -09:00
Conversation 2 Commits 2 Files Changed 1
+22 -17
1 changed files with 22 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend-next/src/components/app/sidebar/home.js
+22 -17
View File
@@ -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 = []
@@ -189,7 +194,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 +215,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>