Make footer conditional

src/components/Footer/Footer.tsx

@@ -68,11 +68,13 @@ export function Footer(props: {
                         </p>
                     ) : null}
                 </div>
-                <div>
-                    <React.Suspense fallback={null}>
-                        <ThemeToggler space={space} />
-                    </React.Suspense>
-                </div>
+                {customization.themes.toggeable ? (
+                    <div>
+                        <React.Suspense fallback={null}>
+                            <ThemeToggler space={space} />
+                        </React.Suspense>
+                    </div>
+                ) : null}
             </div>
         </div>
     );

src/components/SpaceContent/SpaceContent.tsx

@@ -64,13 +64,20 @@ export function SpaceContent(props: {
                 <PageBody space={space} revision={revision} page={page} document={document} />
                 <PageAside space={space} page={page} document={document} />
             </div>
-            <Footer
-                space={space}
-                revision={revision}
-                page={page}
-                customization={customization}
-                asFullWidth={asFullWidth}
-            />
+
+            {customization.themes.toggeable ||
+            customization.footer.copyright ||
+            customization.footer.logo ||
+            customization.footer.groups?.length ? (
+                <Footer
+                    space={space}
+                    revision={revision}
+                    page={page}
+                    customization={customization}
+                    asFullWidth={asFullWidth}
+                />
+            ) : null}
+
             <React.Suspense fallback={null}>
                 <SearchModal />
             </React.Suspense>