diff --git a/packages/desktop/src/components/header/index.tsx b/packages/desktop/src/components/header/index.tsx index ff145d6..720e73e 100644 --- a/packages/desktop/src/components/header/index.tsx +++ b/packages/desktop/src/components/header/index.tsx @@ -2,6 +2,7 @@ import { Header, HeaderName } from "carbon-components-react"; import { useEffect, useMemo, useRef, useState } from "react"; import { Avatar } from "antd"; +import { Button } from "@carbon/react"; import Logo from "../Logo"; import { useGetUserDetails } from "../../controller/index"; @@ -17,22 +18,31 @@ export default function NirvanaHeader() { navigator.mediaDevices .getUserMedia({ video: true, audio: true }) .then((stream: MediaStream) => { - if (userVideo) userVideo.current.srcObject = stream; + if (userVideo?.current) userVideo.current.srcObject = stream; setUserVideoStream(stream); }); }, []); if (isLoading) return <>loading; - const userRepresentation = useMemo(() => { - if (userVideoStream) return; - }, []); - return (
- {userDetailsRes?.user?.picture && <>} + + +
); } diff --git a/packages/desktop/src/pages/nirvanaApp.tsx b/packages/desktop/src/pages/nirvanaApp.tsx index 055d3a5..0d657e6 100644 --- a/packages/desktop/src/pages/nirvanaApp.tsx +++ b/packages/desktop/src/pages/nirvanaApp.tsx @@ -1,6 +1,6 @@ import { QueryClient, QueryClientProvider } from "react-query"; -import { GlobalTheme } from "@carbon/react"; +import { GlobalTheme } from "@carbon/react/lib/components/Theme"; import Login from "./Login"; import NirvanaRouter from "./router"; import ProtectedRoute from "../components/ProtectedRoute";