Skip to content

Commit 82bba50

Browse files
committed
feat: updated preview
1 parent f8df8f0 commit 82bba50

File tree

1 file changed

+2
-46
lines changed

1 file changed

+2
-46
lines changed

frontend/src/pages/InRoom.tsx

Lines changed: 2 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -9,13 +9,6 @@ import {
99
MessageSquare,
1010
} from "lucide-react";
1111
import { motion } from "framer-motion";
12-
import { HotKeys } from "react-hotkeys";
13-
14-
const keyMap = {
15-
TOGGLE_MIC: "ctrl+m",
16-
TOGGLE_VIDEO: "ctrl+v",
17-
TOGGLE_CHAT: "ctrl+c",
18-
};
1912

2013
const InRoom: React.FC<{ roomName: string }> = ({ roomName }) => {
2114
const [micOn, setMicOn] = useState(true);
@@ -145,10 +138,7 @@ const InRoom: React.FC<{ roomName: string }> = ({ roomName }) => {
145138
Send
146139
</button>
147140
</div>
148-
</div>
149-
))}
150-
<div ref={chatEndRef} />
151-
</div>
141+
</motion.div>
152142
)}
153143
</div>
154144

@@ -186,41 +176,7 @@ const InRoom: React.FC<{ roomName: string }> = ({ roomName }) => {
186176
</button>
187177
</footer>
188178
</div>
189-
190-
{/* Controls */}
191-
<footer className="p-4 flex justify-center gap-6 border-t border-gray-800 bg-gray-950">
192-
<button
193-
onClick={toggleMic}
194-
className={`p-3 rounded-full ${micOn ? "bg-gray-800" : "bg-red-600"}`}
195-
>
196-
{micOn ? <Mic /> : <MicOff />}
197-
</button>
198-
199-
<button
200-
onClick={toggleVideo}
201-
className={`p-3 rounded-full ${
202-
videoOn ? "bg-gray-800" : "bg-red-600"
203-
}`}
204-
>
205-
{videoOn ? <Video /> : <VideoOff />}
206-
</button>
207-
208-
<button className="p-3 rounded-full bg-red-600 hover:bg-red-700">
209-
<PhoneOff />
210-
</button>
211-
212-
<button
213-
onClick={toggleChat}
214-
className={`p-3 rounded-full ${
215-
showChat ? "bg-indigo-600" : "bg-gray-800"
216-
}`}
217-
>
218-
<MessageSquare />
219-
</button>
220-
</footer>
221-
</div>
222-
</HotKeys>
223-
);
179+
);
224180
};
225181

226182
export default InRoom;

0 commit comments

Comments
 (0)