(feat): add context menu to call users

(feat): ui changes to invite popup & call ui in general
(feat): make eslint less aggressive
(fix): stop watching button on own screenshares
(qol): update todo

packages/call/src/components/actions.tsx

@@ -28,6 +28,7 @@ import {
   SquareArrowOutDownLeft,
   SquareArrowOutUpRight,
 } from "lucide-react";
+import { useStorage } from "@tensamin/storage/context";
 
 export default function Actions() {
   const sharedClasses = "w-14 h-10";
@@ -42,6 +43,12 @@ export default function Actions() {
     focusedParticipantId != null &&
     watchedStreamParticipantIds.includes(focusedParticipantId);
 
+  const { load } = useStorage();
+  const [ownId, setOwnId] = useState(0);
+  useEffect(() => {
+    load("user_id").then(setOwnId);
+  }, [load]);
+
   // Fullscreen stuff
   const callIsPopout = useCall((state) => state.callIsPopout);
   const callIsFullscreen = useCall((state) => state.callIsFullscreen);
@@ -122,7 +129,7 @@ export default function Actions() {
             iconSize={sharedIconSize}
             tooltip="Invite"
           />
-          {isWatchingFocusedStream ? (
+          {isWatchingFocusedStream && focusedParticipantId !== ownId ? (
             <Tooltip>
               <TooltipTrigger
                 render={