Legg til funksjonalitet for å fjerne en person fra kontekst ved event

fra navigasjonsmenyen

src/App.tsx

@@ -3,7 +3,7 @@ import { Provider } from 'react-redux';
 import { BrowserRouter } from 'react-router-dom';
 
 import getStore from './store';
-import Routing from './routing';
+import Routing, { paths } from './routes/routing';
 import UnderArbeid from './components/underarbeid/UnderArbeid';
 
 type DecoratorPersonsokEvent = EventListenerOrEventListenerObject & {fodselsnummer: string};
@@ -23,15 +23,21 @@ class App extends React.Component<AppProps> {
 
     componentDidMount() {
         document.addEventListener('dekorator-hode-personsok', this.handlePersonsok);
+        document.addEventListener('dekorator-hode-fjernperson', this.handleFjernPerson);
     }
 
     componentWillUnmount() {
         document.removeEventListener('dekorator-hode-personsok', this.handlePersonsok);
+        document.removeEventListener('dekorator-hode-fjernperson', this.handleFjernPerson);
     }
 
     handlePersonsok(event: object) {
         const personsokEvent = event as DecoratorPersonsokEvent;
-        window.location.href = `/person/${personsokEvent.fodselsnummer}`;
+        window.location.href = `${paths.personUri}/${personsokEvent.fodselsnummer}`;
+    }
+
+    handleFjernPerson() {
+        window.location.href = `/`;
     }
 
     render() {

src/index.tsx

@@ -3,10 +3,12 @@ import * as ReactDOM from 'react-dom';
 import App from './App';
 import './index.css';
 import renderDecoratorHead from './menyConfig';
+import { parseUrlForPersonIKontekst } from './utils/urlUtils';
 
 ReactDOM.render(
     <App />,
     document.getElementById('root') as HTMLElement
 );
 
-renderDecoratorHead();
+const fodselsnummer = parseUrlForPersonIKontekst(window.location);
+renderDecoratorHead(fodselsnummer);

src/menyConfig.ts

@@ -2,12 +2,14 @@ interface Toggles {
     visEnhet: boolean;
     visSokefelt: boolean;
     visVeileder: boolean;
+    visSokeIkon: boolean;
 }
 
 interface MenyConfig {
     config: {
         toggles: Toggles;
         applicationName: string;
+        fnr: string;
     };
 }
 
@@ -20,13 +22,16 @@ const config: MenyConfig = {
         toggles: {
             visEnhet: true,
             visSokefelt: true,
-            visVeileder: true
+            visVeileder: true,
+            visSokeIkon: false
         },
-        applicationName: 'Modia personoversikt'
+        applicationName: 'Modia personoversikt',
+        fnr: ''
     }
 };
 
-export default function () {
+export default function (fodselsnummer: string) {
+    config.config.fnr = fodselsnummer;
     if (window.renderDecoratorHead) {
         window.renderDecoratorHead(config);
     }

src/routing.tsx → src/routes/routing.tsx

@@ -1,13 +1,17 @@
 import * as React from 'react';
 import { withRouter } from 'react-router-dom';
 import { Route, RouteComponentProps, Switch } from 'react-router';
-import Personside from './components/personside/Personside';
-import Startbilde from './components/startbilde/Startbilde';
+import Personside from '../components/personside/Personside';
+import Startbilde from '../components/startbilde/Startbilde';
+
+export const paths = {
+    personUri : '/person'
+};
 
 function Routing(props: RouteComponentProps<{}> ) {
     return (
         <Switch location={props.location}>
-            <Route path="/person/:fodselsnummer/" component={Personside}/>
+            <Route path={`${paths.personUri}/:fodselsnummer/`} component={Personside}/>
             <Route component={Startbilde}/>
         </Switch>
     );

src/utils/urlUtils.test.ts

@@ -0,0 +1,22 @@
+import { parseUrlForPersonIKontekst } from './urlUtils';
+import { paths } from '../routes/routing';
+
+it('returnerer fødselsnummeret når en person er i kontekst i URL', () => {
+    const location = {
+        pathname: `${paths.personUri}/123`
+    };
+
+    const fodselsnummer = parseUrlForPersonIKontekst(location);
+
+    expect(fodselsnummer).toEqual('123');
+});
+
+it('returnerer tomt fødselsnummer når en person ikke er i kontekst', () => {
+    const location = {
+        pathname: '/'
+    };
+
+    const fodselsnummer = parseUrlForPersonIKontekst(location);
+
+    expect(fodselsnummer).toEqual('');
+});

src/utils/urlUtils.ts

@@ -0,0 +1,13 @@
+import { paths } from '../routes/routing';
+
+interface Location {
+    pathname: string;
+}
+
+export function parseUrlForPersonIKontekst(location: Location): string {
+    const splittetUrl  = location.pathname.split(`${paths.personUri}/`);
+    if (splittetUrl.length >= 2 && splittetUrl[1]) {
+        return splittetUrl[1];
+    }
+    return '';
+}

tslint.json

@@ -33,7 +33,7 @@
         "no-arg": true,
         "no-bitwise": true,
         "no-console": [
-            true,
+            false,
             "log",
             "error",
             "debug",