From 5918f5a8ef206a2cbf1417cf288a9b6b6aecf0f5 Mon Sep 17 00:00:00 2001
From: Johnny Almonte <johnny243@users.noreply.github.com>
Date: Fri, 29 Oct 2021 00:44:55 -0400
Subject: [PATCH] fix: empty panel above 'Install Custom Extension' panel

---
 app/assets/javascripts/preferences/panes/Extensions.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/preferences/panes/Extensions.tsx b/app/assets/javascripts/preferences/panes/Extensions.tsx
index bbff6b5ea1e..1da5d6aca3e 100644
--- a/app/assets/javascripts/preferences/panes/Extensions.tsx
+++ b/app/assets/javascripts/preferences/panes/Extensions.tsx
@@ -66,13 +66,15 @@ export const Extensions: FunctionComponent<{
     setExtensions(loadExtensions(application));
   };
 
+  const visibleExtensions = extensions
+    .filter(extension => !['modal', 'rooms'].includes(extension.area));
+
   return (
     <PreferencesPane>
-      {extensions.length > 0 &&
+      {visibleExtensions.length > 0 &&
         <PreferencesGroup>
           {
-            extensions
-              .filter(extension => !['modal', 'rooms'].includes(extension.area))
+            visibleExtensions
               .sort((e1, e2) => e1.name.toLowerCase().localeCompare(e2.name.toLowerCase()))
               .map((extension, i) => (
                 <ExtensionItem