diff --git a/app/views/RoomView/components/Banner.tsx b/app/views/RoomView/components/Banner.tsx index 7222b3f3c1..c540d24fbb 100644 --- a/app/views/RoomView/components/Banner.tsx +++ b/app/views/RoomView/components/Banner.tsx @@ -15,46 +15,43 @@ interface IBannerProps { closeBanner: () => void; } -const Banner = memo( - ({ text, title, bannerClosed, closeBanner }: IBannerProps) => { - const [showModal, openModal] = useState(false); - const { colors } = useTheme(); +const Banner = memo(({ text, title, bannerClosed, closeBanner }: IBannerProps) => { + const [showModal, openModal] = useState(false); + const { colors } = useTheme(); - const toggleModal = () => openModal(prevState => !prevState); + const toggleModal = () => openModal(prevState => !prevState); - if (text && !bannerClosed) { - return ( - <> - - - - - + if (text && !bannerClosed) { + return ( + <> + + + + - - - {title} - - - - - - - ); - } + + + + {title} + + + + + + + ); + } - return null; - }, - (prevProps, nextProps) => prevProps.text === nextProps.text && prevProps.bannerClosed === nextProps.bannerClosed -); + return null; +}); export default Banner; diff --git a/app/views/RoomView/components/InvitedRoom.tsx b/app/views/RoomView/components/InvitedRoom.tsx index 60754c8db0..c8b7f260dd 100644 --- a/app/views/RoomView/components/InvitedRoom.tsx +++ b/app/views/RoomView/components/InvitedRoom.tsx @@ -11,12 +11,11 @@ type InvitedRoomProps = { title: string; description: string; inviter: IInviteSubscription['inviter']; - loading?: boolean; onAccept: () => Promise; onReject: () => Promise; }; -export const InvitedRoom = ({ title, description, inviter, loading, onAccept, onReject }: InvitedRoomProps): ReactElement => { +export const InvitedRoom = ({ title, description, inviter, onAccept, onReject }: InvitedRoomProps): ReactElement => { const { colors } = useTheme(); return ( @@ -25,14 +24,8 @@ export const InvitedRoom = ({ title, description, inviter, loading, onAccept, on title={title} description={description} detail={}> -