From baab6ecb2e372fcff05eff1573c75ee65b2aefba Mon Sep 17 00:00:00 2001
From: sean-brydon <55134778+sean-brydon@users.noreply.github.com>
Date: Tue, 19 Jul 2022 10:33:29 +0100
Subject: [PATCH] Remove Add Another for global - fix spacing (#3432)

---
 apps/web/components/App.tsx | 42 +++++++++++++++++++------------------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/apps/web/components/App.tsx b/apps/web/components/App.tsx
index 0ce1fbbe09..5704f2df57 100644
--- a/apps/web/components/App.tsx
+++ b/apps/web/components/App.tsx
@@ -119,31 +119,33 @@ const Component = ({
           <div className="mt-4 sm:mt-0 sm:text-right">
             {!isLoading ? (
               isGlobal || (installedAppCount > 0 && allowedMultipleInstalls) ? (
-                <div className="space-x-3">
+                <div className="flex space-x-3">
                   <Button StartIcon={CheckIcon} color="secondary" disabled>
                     {installedAppCount > 0
                       ? t("active_install", { count: installedAppCount })
                       : t("globally_install")}
                   </Button>
-                  <InstallAppButton
-                    type={type}
-                    isProOnly={isProOnly}
-                    render={({ useDefaultComponent, ...props }) => {
-                      if (useDefaultComponent) {
-                        props = {
-                          onClick: () => {
-                            mutation.mutate({ type });
-                          },
-                          loading: mutation.isLoading,
-                        };
-                      }
-                      return (
-                        <Button StartIcon={PlusIcon} {...props} data-testid="install-app-button">
-                          {t("add_another")}
-                        </Button>
-                      );
-                    }}
-                  />
+                  {!isGlobal && (
+                    <InstallAppButton
+                      type={type}
+                      isProOnly={isProOnly}
+                      render={({ useDefaultComponent, ...props }) => {
+                        if (useDefaultComponent) {
+                          props = {
+                            onClick: () => {
+                              mutation.mutate({ type });
+                            },
+                            loading: mutation.isLoading,
+                          };
+                        }
+                        return (
+                          <Button StartIcon={PlusIcon} {...props} data-testid="install-app-button">
+                            {t("add_another")}
+                          </Button>
+                        );
+                      }}
+                    />
+                  )}
                 </div>
               ) : (
                 <InstallAppButton