selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2025-12-20 20:29:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #437 from Monadical-SAS/room-loading-spinner

Browse Source 
Room loading spinner
This commit is contained in:
Sergey Mankovsky
2024-12-17 14:26:41 +01:00
committed by GitHub
parent dfdebdb1fc 21f27c0c0a
commit 2053f34759
1 changed files with 22 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
www/app/[roomName]/page.tsx
View File

@@ -2,7 +2,7 @@
import "@whereby.com/browser-sdk/embed"; import "@whereby.com/browser-sdk/embed";
import { useCallback, useEffect, useRef, useState } from "react"; import { useCallback, useEffect, useRef, useState } from "react";
import { Box, Button, Text, VStack, HStack } from "@chakra-ui/react"; import { Box, Button, Text, VStack, HStack, Spinner } from "@chakra-ui/react";
import useRoomMeeting from "./useRoomMeeting"; import useRoomMeeting from "./useRoomMeeting";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
import useSessionStatus from "../lib/useSessionStatus"; import useSessionStatus from "../lib/useSessionStatus";
@@ -44,6 +44,27 @@ export default function Room(details: RoomDetails) {
}; };
}, [handleLeave, roomUrl, isLoading, isAuthenticated]); }, [handleLeave, roomUrl, isLoading, isAuthenticated]);
if (isLoading) {
return (
<Box
display="flex"
justifyContent="center"
alignItems="center"
height="100vh"
bg="gray.50"
p={4}
>
<Spinner
thickness="4px"
speed="0.65s"
emptyColor="gray.200"
color="blue.500"
size="xl"
/>
</Box>
);
}
if (!isAuthenticated && !consentGiven) { if (!isAuthenticated && !consentGiven) {
return ( return (
<Box <Box