Format code

src/video-grid/VideoTile.tsx

@@ -84,7 +84,7 @@ export const VideoTile = forwardRef<HTMLDivElement, Props>(
       showSpeakingIndicator,
       showConnectionStats,
     },
-    tileRef
+    tileRef,
   ) => {
     const { t } = useTranslation();
 
@@ -93,7 +93,7 @@ export const VideoTile = forwardRef<HTMLDivElement, Props>(
     // Handle display name changes.
     const [displayName, setDisplayName] = useReactiveState(
       () => member?.rawDisplayName ?? "[👻]",
-      [member]
+      [member],
     );
     useEffect(() => {
       if (member) {
@@ -113,7 +113,7 @@ export const VideoTile = forwardRef<HTMLDivElement, Props>(
         content === TileContent.UserMedia
           ? Track.Source.Microphone
           : Track.Source.ScreenShareAudio,
-        sfuParticipant
+        sfuParticipant,
       ).isMuted !== false;
 
     const MicIcon = muted ? MicOffSolidIcon : MicOnSolidIcon;
@@ -126,11 +126,11 @@ export const VideoTile = forwardRef<HTMLDivElement, Props>(
       useState(false);
     const openVideoTileSettingsModal = useCallback(
       () => setVideoTileSettingsModalOpen(true),
-      [setVideoTileSettingsModalOpen]
+      [setVideoTileSettingsModalOpen],
     );
     const closeVideoTileSettingsModal = useCallback(
       () => setVideoTileSettingsModalOpen(false),
-      [setVideoTileSettingsModalOpen]
+      [setVideoTileSettingsModalOpen],
     );
 
     const toolbarButtons: JSX.Element[] = [];
@@ -141,7 +141,7 @@ export const VideoTile = forwardRef<HTMLDivElement, Props>(
           className={styles.button}
           volume={(sfuParticipant as RemoteParticipant).getVolume() ?? 0}
           onPress={openVideoTileSettingsModal}
-        />
+        />,
       );
 
       if (content === TileContent.ScreenShare) {
@@ -151,7 +151,7 @@ export const VideoTile = forwardRef<HTMLDivElement, Props>(
             className={styles.button}
             fullscreen={fullscreen}
             onPress={onFullscreen}
-          />
+          />,
         );
       }
     }
@@ -228,5 +228,5 @@ export const VideoTile = forwardRef<HTMLDivElement, Props>(
         )}
       </animated.div>
     );
-  }
+  },
 );