Custom logo option

1 files changed, 11 insertions, 1 deletions

diff --git a/modern/src/login/LogoImage.js b/modern/src/login/LogoImage.js
index 1b78c80e..f8de13e2 100644
--- a/modern/src/login/LogoImage.js
+++ b/modern/src/login/LogoImage.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import { useSelector } from 'react-redux';
 import { makeStyles } from '@mui/styles';
 import { ReactComponent as Logo } from '../resources/images/logo.svg';
 
@@ -15,7 +16,16 @@ const useStyles = makeStyles(() => ({
 const LogoImage = ({ color }) => {
   const classes = useStyles();
 
-  return (<Logo className={classes.image} style={{ color }} />);
+  const imageFile = useSelector((state) => state.session.server.attributes?.logo);
+
+  if (imageFile) {
+    return (
+      <img className={classes.image} src={imageFile} alt="" />
+    );
+  }
+  return (
+    <Logo className={classes.image} style={{ color }} />
+  );
 };
 
 export default LogoImage;