✨ Add contentComponents to the main layout

Return button is not inside of the header.
2023-08-14 10:15:12 +02:00
parent b249c0205f
commit ce5552c913
6 changed files with 31 additions and 13 deletions
--- a/src/pages/board/[slug]/customize.tsx
+++ b/src/pages/board/[slug]/customize.tsx
@@ -134,7 +134,19 @@ export default function CustomizationPage() {
  })} • Homarr`;

  return (
-    <MainLayout>
+    <MainLayout
+      contentComponents={
+        <Button
+          component={Link}
+          passHref
+          href={backToBoardHref}
+          variant="light"
+          leftIcon={<IconArrowLeft size={16} />}
+        >
+          {t('backToBoard')}
+        </Button>
+      }
+    >
      <Head>
        <title>{metaTitle}</title>
      </Head>
@@ -191,14 +203,6 @@ export default function CustomizationPage() {
                  name: firstUpperCase(query.slug),
                })}
              </Title>
-              <Button
-                component={Link}
-                href={backToBoardHref}
-                variant="light"
-                leftIcon={<IconArrowLeft size={16} />}
-              >
-                {t('backToBoard')}
-              </Button>
            </Group>
            <BoardCustomizationFormProvider form={form}>
              <Stack spacing="xl">