Background image fix -back in history

Author: mrrobot16

src/components/Dao/DaoSchemesPage.scss

@@ -42,15 +42,14 @@
 }
 
 .daoHeaderBackground {
-  // @TODO Image is repeating, check this later when using real image
-  // background-image: url(/assets/images/bg-test.jpeg);
-  width: 115%;
-  position: absolute;
   display: flex;
   height: 30%;
   top:0;
   right: 0;
   z-index: 9999999;
+  position: fixed;	
+  height: 30%;
+  width: 100vw;
 }
 
 @media only screen and (max-width: 425px) {

src/components/Dao/DaoSchemesPage.tsx

@@ -33,11 +33,12 @@ const Fade = ({ children, ...props }: any) => (
   </CSSTransition>
 );
 
-const DAOHeaderBackground = (props: any) => (
-  <div
+const DAOHeaderBackground = (props: { backgroundImage: string }) => (
+  <img
     className={css.daoHeaderBackground}
-    style={{ backgroundImage: `url(${props.backgroundImage})`, backgroundRepeat: "no-repeat" }}
-  ></div>
+    src={props.backgroundImage}
+    alt="daoHeaderBackground"
+  />
 );
 
 type IExternalProps = {
@@ -100,7 +101,7 @@ class DaoSchemesPage extends React.Component<IProps, null> {
 
     return (
       <div className={css.wrapper}>
-        { backgroundImage &&  <DAOHeaderBackground backgroundImage={backgroundImage} /> }
+        { (signal && backgroundImage) &&  <DAOHeaderBackground backgroundImage={backgroundImage} /> }
         <BreadcrumbsItem to={"/dao/" + dao.address}>{dao.name}</BreadcrumbsItem>
         { signal && <DAOHeader {...this.props} signal={signal} /> }
         <Sticky enabled top={50} innerZ={10000}>