From 33f3a4208e5edbb8946aed33d7c0d465a49efaf3 Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Thu, 12 Oct 2023 11:57:59 +1100
Subject: [PATCH] fix: cleanup NoticeBanner jsx

---
 .../conversation/SessionConversation.tsx      | 21 +++++++++----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/ts/components/conversation/SessionConversation.tsx b/ts/components/conversation/SessionConversation.tsx
index 5d2e30997..e23131518 100644
--- a/ts/components/conversation/SessionConversation.tsx
+++ b/ts/components/conversation/SessionConversation.tsx
@@ -262,17 +262,16 @@ export class SessionConversation extends React.Component<Props, State> {
       <SessionTheme>
         <div className="conversation-header">
           <ConversationHeaderWithDetails />
-          {selectedConversation?.hasOutdatedClient &&
-            selectedConversation.hasOutdatedClient.length > 0 && (
-              <NoticeBanner
-                text={bannerText}
-                dismissCallback={() => {
-                  const conversation = getConversationController().get(selectedConversation.id);
-                  conversation.set({ hasOutdatedClient: undefined });
-                  void conversation.commit();
-                }}
-              />
-            )}
+          {selectedConversation?.hasOutdatedClient?.length ? (
+            <NoticeBanner
+              text={bannerText}
+              dismissCallback={() => {
+                const conversation = getConversationController().get(selectedConversation.id);
+                conversation.set({ hasOutdatedClient: undefined });
+                void conversation.commit();
+              }}
+            />
+          ) : null}
         </div>
         {isSelectedConvoInitialLoadingInProgress ? (
           <ConvoLoadingSpinner />