FO-2916: La en prelanseringsside til beslutteroversikt

Author: sneha-d-desai

src/index.tsx

@@ -1,15 +1,15 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import App from './app';
 import env from './utils/environment';
 import * as dayjs from 'dayjs';
 import 'dayjs/locale/nb';
 import './index.less';
+import { PrelanseringInfoSide } from './prelansering-side/prelansering-side';
 
 dayjs.locale('nb');
 
 if (env.isDevelopment) {
 	require('./mock');
 }
 
-ReactDOM.render(<App />, document.getElementById('root'));
+ReactDOM.render(<PrelanseringInfoSide />, document.getElementById('root'));

src/prelansering-side/prelansering-side.less

@@ -0,0 +1,31 @@
+@import "~nav-frontend-core/less/_variabler";
+
+.prelansering-inneholder {
+  padding: 2rem 1rem;
+  display: flex;
+  justify-content: center;
+  background-color: @navLysBlaLighten60;
+}
+
+@media (min-width: @screen-md-min) {
+  .prelansering-inneholder {
+    .wrapper {
+      display: flex;
+      justify-content: center;
+    }
+
+    .wrapper-inneholdt {
+      padding: 3rem 2rem 1rem 2rem;
+      margin-bottom: 0;
+      width: 25rem;
+    }
+
+    .info-tekst{
+      padding-top: 2rem;
+    }
+
+    .pcBilde{
+      height: 18rem;
+    }
+  }
+}

src/prelansering-side/prelansering-side.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import pcBilde from './prelansering_info_pc.svg';
+import { Normaltekst, Systemtittel } from 'nav-frontend-typografi';
+import './prelansering-side.less';
+
+export const PrelanseringInfoSide = () => {
+
+    return(
+        <div className="prelansering-inneholder">
+            <div className="wrapper">
+                <div className="wrapper-inneholdt">
+                    <Systemtittel>Ny oversikt for besluttere som kvalitetssikrer arbeidsevnevurderinger</Systemtittel>
+                    <Normaltekst className="info-tekst">I beslutteroversikten får du oversikt over alle enhetene du er beslutter for.
+                                 Der får du også oversikt over status på arbeidsevnevurderingene du er beslutter for.
+                    </Normaltekst>
+                    <Normaltekst className="info-tekst">Når kommer den?<br/>
+                        Beslutteroversikten lanseres sammen med ny løsning for § 14a-vedtak i Modia.
+                    </Normaltekst>
+                </div>
+                <div className="wrapper-inneholdt">
+                    <img src={pcBilde} className="pcBilde" alt="Beslutteroversikt bilde"/>
+                </div>
+            </div>
+        </div>
+    );
+};