From 6da369f3fe501aa830e4c436ea7fa1237151bbb4 Mon Sep 17 00:00:00 2001
From: Robert Long <robert@robertlong.me>
Date: Fri, 21 Jan 2022 11:10:12 -0800
Subject: [PATCH] Disable facepile

---
 src/home/CallList.jsx       | 14 +++++++++++---
 src/home/RegisteredView.jsx |  2 +-
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/home/CallList.jsx b/src/home/CallList.jsx
index 35b4da61..07b46e07 100644
--- a/src/home/CallList.jsx
+++ b/src/home/CallList.jsx
@@ -8,7 +8,7 @@ import styles from "./CallList.module.css";
 import { getRoomUrl } from "../matrix-utils";
 import { Body, Caption } from "../typography/Typography";
 
-export function CallList({ rooms, client }) {
+export function CallList({ rooms, client, disableFacepile }) {
   return (
     <>
       <div className={styles.callList}>
@@ -20,6 +20,7 @@ export function CallList({ rooms, client }) {
             avatarUrl={avatarUrl}
             roomId={roomId}
             participants={participants}
+            disableFacepile={disableFacepile}
           />
         ))}
         {rooms.length > 3 && (
@@ -33,7 +34,14 @@ export function CallList({ rooms, client }) {
   );
 }
 
-function CallTile({ name, avatarUrl, roomId, participants, client }) {
+function CallTile({
+  name,
+  avatarUrl,
+  roomId,
+  participants,
+  client,
+  disableFacepile,
+}) {
   return (
     <div className={styles.callTile}>
       <Link to={`/room/${roomId}`} className={styles.callTileLink}>
@@ -49,7 +57,7 @@ function CallTile({ name, avatarUrl, roomId, participants, client }) {
             {name}
           </Body>
           <Caption overflowEllipsis>{getRoomUrl(roomId)}</Caption>
-          {participants && (
+          {participants && !disableFacepile && (
             <Facepile
               className={styles.facePile}
               client={client}
diff --git a/src/home/RegisteredView.jsx b/src/home/RegisteredView.jsx
index f728adff..f25c9c9c 100644
--- a/src/home/RegisteredView.jsx
+++ b/src/home/RegisteredView.jsx
@@ -107,7 +107,7 @@ export function RegisteredView({ client }) {
               <Title className={styles.recentCallsTitle}>
                 Your recent Calls
               </Title>
-              <CallList rooms={recentRooms} client={client} />
+              <CallList rooms={recentRooms} client={client} disableFacepile />
             </>
           )}
         </main>