TC-140 Legg til kopiknapp på fnr (#710)

* TC-140 Legg til kopiknapp på fnr * package-lock.json i usynk * Ta i bruk DS CopyToClipboard * Ta i bruk DS CopyToClipboard. Blå knapp
navikt · Aug 23, 2022 · 421a94b · 421a94b
1 parent 45d03a0
commit 421a94b
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 7 deletions.
diff --git a/src/components/tabell/brukerfnr.tsx b/src/components/tabell/brukerfnr.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import {BrukerModell} from '../../model-interfaces';
 import {BodyShort} from '@navikt/ds-react';
+import { CopyToClipboard } from "@navikt/ds-react-internal";
 
 interface BrukerFnrProps {
     className?: string;
@@ -11,6 +12,8 @@ function BrukerFnr({className, bruker}: BrukerFnrProps) {
     return (
         <BodyShort size="small" className={className}>
             {bruker.fnr}
+            {bruker.fnr &&
+              <CopyToClipboard copyText={bruker.fnr} popoverText="Kopiert" size="xsmall" />}
         </BodyShort>
     );
 }

diff --git a/src/enhetsportefolje/brukerliste.css b/src/enhetsportefolje/brukerliste.css
@@ -118,6 +118,14 @@
     font-style: italic;
     border: none;
 }
+.veilarbportefoljeflatefs .fnr-kolonne {
+    display: flex;
+    align-items: center;
+}
+.veilarbportefoljeflatefs .fnr-kolonne svg {
+    height: 1rem;
+    width: 1rem;
+}
 .veilarbportefoljeflatefs .valgt-sortering {
     font-weight: bold;
 }

diff --git a/src/enhetsportefolje/enhet-kolonner.tsx b/src/enhetsportefolje/enhet-kolonner.tsx
@@ -84,7 +84,7 @@ function EnhetKolonner({className, bruker, enhetId, filtervalg, valgteKolonner,
     return (
         <div className={className}>
             <BrukerNavn className="col col-xs-2" bruker={bruker} enhetId={enhetId} />
-            <BrukerFnr className="col col-xs-2" bruker={bruker} />
+            <BrukerFnr className="col col-xs-2 fnr-kolonne" bruker={bruker} />
             <TekstKolonne
                 className="col col-xs-2"
                 tekst={bruker.foedeland ? capitalize(bruker.foedeland) : '-'}

diff --git a/src/style.css b/src/style.css
@@ -614,12 +614,12 @@ body .invisible {
     visibility: hidden;
 }
 body .text-hide {
-  font: 0px/0 a;
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0;
-  position: absolute;
+    font: 0px/0 a;
+    color: transparent;
+    text-shadow: none;
+    background-color: transparent;
+    border: 0;
+    position: absolute;
 }
 body .ustilet {
     margin: 0;