refactor(examples): show avatar on uid available

AgoraIO-Extensions · Mar 20, 2023 · 52ffcab · 52ffcab
1 parent 1ffd458
commit 52ffcab
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/examples/mobx/src/components/Room.tsx b/examples/mobx/src/components/Room.tsx
@@ -8,7 +8,7 @@ export const Room = observer(function Room() {
 
   return (
     <div style={{ padding: "8px 0", flex: 1, display: "flex", gap: 8 }}>
-      <LocalUser />
+      {appStore.uid && <LocalUser />}
       {remoteUsers.map(user => (
         <RemoteUser
           key={user.uid}

diff --git a/examples/overview/src/App.tsx b/examples/overview/src/App.tsx
@@ -96,10 +96,10 @@ export const App = () => {
           <AutoLayout.Item>
             <CameraVideoTrack className="w-full h-full" track={videoTrack} play={cameraOn} />
             <MicrophoneAudioTrack track={audioTrack} play={micOn} />
-            {!cameraOn && (
+            {!cameraOn && uid && (
               <UserCover cover={userAvatar} className="w-full h-full absolute top-0 left-0" />
             )}
-            <Label>{`${userName}{${uid}}`}</Label>
+            {uid && <Label>{`${userName}{${uid}}`}</Label>}
           </AutoLayout.Item>
           {remoteUsers.map(user => (
             <AutoLayout.Item key={user.uid}>