Skal ha tusenskille på beløp. Bytter til kun 'k' som shortcut, funker…

… når ingenting er i fokus.
navikt · Oct 28, 2024 · 2eeecea · 2eeecea
1 parent 29593c4
commit 2eeecea
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 13 deletions.
diff --git a/...Behandling/VedtakOgBeregning/Overgangsstønad/InnvilgeVedtak/BeregnetInntektKalkulator.tsx b/...Behandling/VedtakOgBeregning/Overgangsstønad/InnvilgeVedtak/BeregnetInntektKalkulator.tsx
@@ -10,11 +10,7 @@ const StyledDropdownMenu = styled(Dropdown.Menu)`
     width: 23rem;
 `;
 
-const erMac = /Mac/.test(navigator.userAgent);
-
 const TASTATURTAST_K = 'k';
-const TASTATURTAST_META = erMac ? 'cmd' : 'ctrl';
-const TASTATURTAST_SHIFT = 'Shift';
 
 const BeregnetInntektKalkulator: FC<{
     leggTilBeregnetInntektTekstIBegrunnelse: (årsinntekt: number) => void;
@@ -66,11 +62,7 @@ const BeregnetInntektKalkulator: FC<{
 
     useEffect(() => {
         const handleKeyDown = (event: KeyboardEvent) => {
-            if (
-                event.metaKey &&
-                event.getModifierState(TASTATURTAST_SHIFT) &&
-                event.key === TASTATURTAST_K
-            ) {
+            if (event.key === TASTATURTAST_K) {
                 event.preventDefault();
                 settErDropdownÅpen((prev) => !prev);
             }
@@ -87,7 +79,7 @@ const BeregnetInntektKalkulator: FC<{
         <Dropdown open={erDropdownÅpen} onOpenChange={() => handleOnOpenChange(!erDropdownÅpen)}>
             <Tooltip
                 content="Åpne kalkulator for beregning av forventet månedsinntekt"
-                keys={[TASTATURTAST_META, TASTATURTAST_SHIFT, TASTATURTAST_K]}
+                keys={[TASTATURTAST_K]}
             >
                 <Button type="button" as={Dropdown.Toggle} size="small">
                     <CalculatorIcon aria-hidden fontSize="1.5rem" />

diff --git a/...enter/Behandling/VedtakOgBeregning/Overgangsstønad/InnvilgeVedtak/InntektsperiodeValg.tsx b/...enter/Behandling/VedtakOgBeregning/Overgangsstønad/InnvilgeVedtak/InntektsperiodeValg.tsx
@@ -39,6 +39,7 @@ import { ABorderDivider, AGray50 } from '@navikt/ds-tokens/dist/tokens';
 import { IngenBegrunnelseOppgitt } from './IngenBegrunnelseOppgitt';
 import { EnsligTextArea } from '../../../../../Felles/Input/TekstInput/EnsligTextArea';
 import BeregnetInntektKalkulator from './BeregnetInntektKalkulator';
+import { formaterTallMedTusenSkille } from '../../../../../App/utils/formatter';
 
 const Container = styled.div`
     padding: 1rem;
@@ -193,11 +194,11 @@ const InntektsperiodeValg: React.FC<Props> = ({
 
     const leggTilBeregnetInntektTekstIBegrunnelse = (årsinntekt: number) => {
         const månedsinntekt = årsinntekt / 12;
-        const minusTi = Math.round(månedsinntekt * 0.9);
-        const plusTi = Math.round(månedsinntekt * 1.1);
+        const minusTi = formaterTallMedTusenSkille(Math.round(månedsinntekt * 0.9));
+        const plusTi = formaterTallMedTusenSkille(Math.round(månedsinntekt * 1.1));
 
         const beregnetInntektTekst = `
-Forventet årsinntekt fra [DATO]: ${årsinntekt} kroner.
+Forventet årsinntekt fra [DATO]: ${formaterTallMedTusenSkille(årsinntekt)} kroner.
    - 10 % ned: ${minusTi} kroner per måned.
    - 10 % opp: ${plusTi} kroner per måned.
 `;