KAIZEN-0 Redirect til vedtaksstøtte når man trykker på en bruker

Author: AlexGaard

src/components/filters/enhet-dropdown/enhet-dropdown.less

@@ -1,4 +1,4 @@
-@import "../../../../node_modules/nav-frontend-core/less/_variabler";
+@import "~nav-frontend-core/less/_variabler";
 
 .enhet-dropdown {
   font-family: 'Source Sans Pro', Arial, sans-serif;

src/components/user-table/body/user-table-body.less

@@ -1,3 +1,5 @@
+@import "~nav-frontend-core/less/_variabler";
+
 .user-table-body {
   padding: 0;
   margin: 0;
@@ -16,18 +18,25 @@
   grid-template-columns: 2.5fr repeat(2, 2fr) 3fr repeat(3, 2fr) 1fr 200px;
   justify-items: start;
   padding: 1.25rem 0 1.75rem 7px;
-
+  cursor: pointer;
   text-align: center;
-
   align-items: end;
 
+  &:hover {
+    position: relative;
+    z-index: 1;
+
+    box-shadow: 0 5px 5px fade(@navGra20, 60%), 0 -5px 5px fade(@navGra20, 60%);
+  }
+
   .status {
     display: grid;
     grid-template-columns: 2rem auto;
     align-items: end;
+
     .status_ikon {
       max-width: 26px;
     }
-
   }
+
 }

src/components/user-table/body/user-table-row.tsx

@@ -15,8 +15,12 @@ export const UserRow = (props: {bruker: Bruker}) => {
 		beslutterNavn, veilederNavn, status
 	} = props.bruker;
 
+	function handleOnUserRowClicked() {
+		window.location.href = `/veilarbpersonflatefs/${brukerFnr}#visVedtaksstotte`;
+	}
+
     return (
-    	<li className="user-table-row">
+    	<li className="user-table-row" onClick={handleOnUserRowClicked}>
 		    <Normaltekst>{brukerEtternavn + ', ' + brukerFornavn}</Normaltekst>
 		    <Element>{brukerFnr}</Element>
 		    <Normaltekst>{formatDateStr(vedtakStartet)}</Normaltekst>