inmake/stream.graff.tech-new
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update API URL in .env; refactor routing in main.tsx to switch between NewSessionPage and TestPage; enhance PixelStreamingWrapper with video initialization callback; improve UI components for better interaction and responsiveness in ActionsSidebarWrapper, UserCamera, UserDevicesControls, and ControlsPopover; add session data fetching and error handling in NewSessionPage.

Browse Source
This commit is contained in:
Lanskikh
2025-10-16 16:04:59 +05:00
parent 9e19a6e03f
commit 34c9b58d8f
10 changed files with 178 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/ui/ControlsPopover.tsx
+3 -2
View File
@@ -13,6 +13,7 @@ import ChatPopup from "../popups/ChatPopup";
import ParticipantsPopup from "../popups/ParticipantsPopup";
import SharePopup from "../popups/SharePopup";
import SettingsModal from "../modals/SettingsModal";
import clsx from "clsx";
function ControlsPopover() {
const [isOpened, setIsOpened] = useState(false);
@@ -41,10 +42,10 @@ function ControlsPopover() {
const { setModal } = useModalStore();
return (
<div className="2xl:hidden order-3 relative ah-full">
<div className="2xl:hidden order-3 relative">
<FloatingActionButton
ref={buttonRef}
className="!bg-[#7B60F3]"
className={clsx(isOpened && "!bg-[#7B60F3]")}
onClick={() => setIsOpened(!isOpened)}
>
<div className="size-4 text-white">
client/src/components/ui/UserCamera.tsx
+1 -1
View File
@@ -53,7 +53,7 @@ export default function UserCamera({
: "0.139vw solid #FFFFFF4D",
}}
className={clsx(
"aspect-square rounded-[1.667vw] bg-yellow-500 relative flex-shrink-0",
"aspect-square rounded-[1.667vw] bg-yellow-500 relative flex-shrink-0 pointer-events-auto",
isAdmin && "order-last"
)}
>
client/src/components/ui/UserDevicesControls.tsx
+2 -1
View File
@@ -8,6 +8,7 @@ import SettingsModal from "../modals/SettingsModal";
export default function UserDevicesControls() {
const { setModal } = useModalStore();
function ToggleAudioDevice() {
console.log("Mute device");
}
@@ -22,7 +23,7 @@ export default function UserDevicesControls() {
}
return (
<div className="hidden 2xl:flex aspect-square p-[0.556vw] flex-wrap justify-between items-center size-[6.944vw] rounded-[1.667vw] bg-[#00000040] shadow-[0_4px_40px_0_#0F10111A] backdrop-blur-[10px]">
<div className="hidden 2xl:flex aspect-square p-[0.556vw] flex-wrap justify-between items-center size-[6.944vw] rounded-[1.667vw] bg-[#00000040] shadow-[0_4px_40px_0_#0F10111A] backdrop-blur-[10px] pointer-events-auto">
<ControlButton
size="large"
icon={<MicrophoneFilledIcon />}