fix(layout): 🐛 Background Image not overlaying correctly

BuildTheEarth · Jul 17, 2023 · dd7e8ed · dd7e8ed
1 parent c2eec47
commit dd7e8ed
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 12 deletions.
diff --git a/src/login/components/Layout.tsx b/src/login/components/Layout.tsx
@@ -1,6 +1,7 @@
 import {
   Alert,
   Anchor,
+  BackgroundImage,
   Box,
   Button,
   Container,
@@ -187,15 +188,10 @@ export default function Layout(props: TemplateProps<KcContext, I18n>) {
         </Box>
       </Paper>
 
-      <Box
-        sx={{
-          flex: 1,
-          backgroundImage:
-            "url('https://cms.bte-germany.de/assets/0460d0cd-de39-4172-8fa3-b227e9eec111?format=webp&q=50')",
-          backgroundPosition: "center",
-          backgroundRepeat: "no-repeat",
-        }}
-      ></Box>
+      <BackgroundImage
+        src="https://cms.bte-germany.de/assets/0460d0cd-de39-4172-8fa3-b227e9eec111?format=webp&q=50"
+        style={{ flex: 1 }}
+      ></BackgroundImage>
     </Box>
   );
 }
diff --git a/src/login/kcContext.ts b/src/login/kcContext.ts
@@ -13,7 +13,7 @@ export const { kcContext } = getKcContext<{
   - update-email
   - update-user-profile
   */
-  mockPageId: "update-email.ftl",
+  mockPageId: "register.ftl",
   mockData: [
     {
       pageId: "login-idp-link-email.ftl",
@@ -135,8 +135,6 @@ export const { kcContext } = getKcContext<{
         displayNameHtml: "/keycloak_static/resources/img/logo.png",
         displayName: "Build the Earth",
       },
-      recaptchaRequired: true,
-      recaptchaSiteKey: "6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI",
     },
   ],
 });