From 2882119c0b167a65d8cc098725324a2c84f27a11 Mon Sep 17 00:00:00 2001
From: Alex Ackermann <abackermann91@gmail.com>
Date: Wed, 16 Apr 2025 15:22:26 +0200
Subject: [PATCH] feat: add react part

---
 .../idp/src/components/ResponsiveScreen.jsx   | 44 +++++++++++++------
 1 file changed, 31 insertions(+), 13 deletions(-)

diff --git a/services/idp/src/components/ResponsiveScreen.jsx b/services/idp/src/components/ResponsiveScreen.jsx
index cec79a7a3..be0aac1da 100644
--- a/services/idp/src/components/ResponsiveScreen.jsx
+++ b/services/idp/src/components/ResponsiveScreen.jsx
@@ -44,6 +44,7 @@ const ResponsiveScreen = (props) => {
     loading,
     children,
     className,
+    branding,
     ...other
   } = props;
   const { theme } = useContext(OpenCloudContext);
@@ -55,21 +56,38 @@ const ResponsiveScreen = (props) => {
   const content = loading ? <Loading/> : (withoutPadding ? children : <DialogContent>{children}</DialogContent>);
 
   return (
-    <Grid container justifyContent="center" alignItems="center" direction="column" spacing={0}
-      className={classNames(classes.root, className)} {...other}>
-        <div className={classes.wrapper}>
-            <div className={classes.content}>
+    <Grid
+      container
+      justifyContent="center"
+      alignItems="center"
+      direction="column"
+      spacing={0}
+      className={classNames(classes.root, className)}
+      {...other}
+    >
+      <div className={classes.wrapper}>
+        <div className={classes.content}>
+          {branding?.signinPageLogoUri ? (
+            <a
+              href={branding.signinPageLogoUri}
+              target="_blank"
+              rel="noopener noreferrer"
+            >
               {logo}
-              <div className={'oc-card'}>
-                <div className={'oc-card-body'}>
-                {content}
-                </div>
-              </div>
-            </div>
+            </a>
+          ) : (
+            logo
+          )}
+          <div className={"oc-card"}>
+            <div className={"oc-card-body"}>{content}</div>
+          </div>
         </div>
-        <footer className="oc-footer-message">
-              <Trans i18nKey="konnect.footer.slogan"><strong>OpenCloud</strong> - excellent file sharing</Trans>
-        </footer>
+      </div>
+      <footer className="oc-footer-message">
+        <Trans i18nKey="konnect.footer.slogan">
+          <strong>OpenCloud</strong> - excellent file sharing
+        </Trans>
+      </footer>
     </Grid>
   );
 };