From 878b3b9d28d7b45e736f2d2f3d96ae073d39e3dd Mon Sep 17 00:00:00 2001
From: FallenDeity <61227305+FallenDeity@users.noreply.github.com>
Date: Fri, 28 Jul 2023 20:32:19 +0530
Subject: [PATCH] feat: add basic metadata

---
 src/components/Call/IncomingCall.tsx | 6 +++++-
 src/components/Call/OutgoingCall.tsx | 6 +++++-
 src/components/Chat/List.tsx         | 1 +
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/Call/IncomingCall.tsx b/src/components/Call/IncomingCall.tsx
index 2298eb3..58ae031 100644
--- a/src/components/Call/IncomingCall.tsx
+++ b/src/components/Call/IncomingCall.tsx
@@ -91,6 +91,7 @@ export default function IncomingCall({
 					const remoteView = _zg.createRemoteStreamView(remoteStream);
 					setRemoteStream(remoteStream);
 					remoteView.play("remote-video", { enableAutoplayDialog: true });
+					// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
 				} else if (updateType === "DELETE") {
 					_zg.stopPlayingStream(streamList[0].streamID);
 				}
@@ -155,7 +156,10 @@ export default function IncomingCall({
 							<div className="h-3 w-3 animate-pulse rounded-full bg-red-500" />
 							<span className="text-md">{formatTime(duration)}</span>
 						</div>
-						<div className="absolute bottom-5 right-5 z-50 h-auto w-56 shadow-xl" id="local-video" />
+						<div
+							className="absolute bottom-5 right-5 z-50 h-auto w-32 shadow-xl sm:w-48 lg:w-56"
+							id="local-video"
+						/>
 						<div className="hidden" id="local-audio" />
 						<button
 							className="absolute bottom-5 left-0 right-0 z-50 mx-auto flex h-[56px] w-[56px] cursor-pointer items-center justify-center rounded-full bg-red-500 p-3 text-white disabled:cursor-not-allowed disabled:opacity-50"
diff --git a/src/components/Call/OutgoingCall.tsx b/src/components/Call/OutgoingCall.tsx
index 603e13e..43d45e6 100644
--- a/src/components/Call/OutgoingCall.tsx
+++ b/src/components/Call/OutgoingCall.tsx
@@ -100,6 +100,7 @@ export default function OutgoingCall({ call, user }: { call: Call; user: User })
 					const remoteView = _zg.createRemoteStreamView(remoteStream);
 					setRemoteStream(remoteStream);
 					remoteView.play("remote-video", { enableAutoplayDialog: true });
+					// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
 				} else if (updateType === "DELETE") {
 					_zg.stopPlayingStream(streamList[0].streamID);
 				}
@@ -164,7 +165,10 @@ export default function OutgoingCall({ call, user }: { call: Call; user: User })
 							<div className="h-3 w-3 animate-pulse rounded-full bg-red-500" />
 							<span className="text-md">{formatTime(duration)}</span>
 						</div>
-						<div className="absolute bottom-5 right-5 z-50 h-auto w-56 shadow-xl" id="local-video" />
+						<div
+							className="absolute bottom-5 right-5 z-50 h-auto w-32 shadow-xl sm:w-48 lg:w-56"
+							id="local-video"
+						/>
 						<div className="hidden" id="local-audio" />
 						<button
 							className="absolute bottom-5 left-0 right-0 z-50 mx-auto flex h-[56px] w-[56px] cursor-pointer items-center justify-center rounded-full bg-red-500 p-3 text-white disabled:cursor-not-allowed disabled:opacity-50"
diff --git a/src/components/Chat/List.tsx b/src/components/Chat/List.tsx
index e473c1d..b055cb1 100644
--- a/src/components/Chat/List.tsx
+++ b/src/components/Chat/List.tsx
@@ -34,6 +34,7 @@ export default function List({ conversation }: { conversation: FullConversationT
 			setConversations((prev) =>
 				prev.map((conversation) => {
 					if (conversation.id === data.id) {
+						// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
 						return { ...conversation, messages: [...conversation?.messages, ...data.messages] };
 					}
 					return conversation;