fix: empty panel above 'Install Custom Extension' panel (#709)

Co-authored-by: Johnny Almonte <johnny243@users.noreply.github.com>
2021-10-29 15:48:49 -04:00
parent 76a149c8ee
commit 403fc3f295
1 changed files with 5 additions and 3 deletions
--- 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