Høyden på kalenderavtale blir kortere om lokasjon mangler

navikt · Jun 18, 2024 · a588c56 · a588c56
1 parent c868b95
commit a588c56
Show file tree

Hide file tree

Showing 2 changed files with 62 additions and 17 deletions.
diff --git a/src/Pages/Saksoversikt/SakPanel.tsx b/src/Pages/Saksoversikt/SakPanel.tsx
@@ -256,6 +256,7 @@ const KalenderavtaleElement = ({
     });
 
     const harPassert = new Date(startTidspunkt) < new Date();
+    const ingenLokasjon = (lokasjon ?? undefined) === undefined && digitalt === false;
 
     return (
         <div className="tidslinje-element">
@@ -288,9 +289,9 @@ const KalenderavtaleElement = ({
             </div>
             <div className="tidslinje-linje">
                 {erSist || !tidslinjeOpen ? null : harPassert ? (
-                    <TidslinjeLinjeIkon height={77} />
+                    <TidslinjeLinjeIkon height={ingenLokasjon ? 50 : 77} />
                 ) : (
-                    <TidslinjeLinjeIkon stiplet height={77} />
+                    <TidslinjeLinjeIkon stiplet height={ingenLokasjon ? 50 : 77} />
                 )}
             </div>
         </div>

diff --git a/src/mocks/handlers/brukerApiHandler.ts b/src/mocks/handlers/brukerApiHandler.ts
@@ -11,25 +11,37 @@ import {
     sakStatus,
     virksomhet,
 } from '../faker/brukerApiHelpers';
-import {BeskjedTidslinjeElement, KalenderavtaleTidslinjeElement, KalenderavtaleTilstand,
-    OppgaveTidslinjeElement, SakStatusType } from '../../api/graphql-types';
+import {
+    BeskjedTidslinjeElement,
+    KalenderavtaleTidslinjeElement,
+    KalenderavtaleTilstand,
+    OppgaveTidslinjeElement,
+    SakStatusType,
+} from '../../api/graphql-types';
 
 const schema = buildASTSchema(Document);
 
-const fixOpprettetTidspunkt = (tidslinje: (BeskjedTidslinjeElement | KalenderavtaleTidslinjeElement | OppgaveTidslinjeElement)[]): (BeskjedTidslinjeElement | KalenderavtaleTidslinjeElement | OppgaveTidslinjeElement)[] => {
-    const tidspunkter = tidslinje.flatMap((element) => {
-        if ("opprettetTidspunkt" in element)
-            return [element.opprettetTidspunkt]
-        return []
-    }).sort();
+const fixOpprettetTidspunkt = (
+    tidslinje: (
+        | BeskjedTidslinjeElement
+        | KalenderavtaleTidslinjeElement
+        | OppgaveTidslinjeElement
+    )[]
+): (BeskjedTidslinjeElement | KalenderavtaleTidslinjeElement | OppgaveTidslinjeElement)[] => {
+    const tidspunkter = tidslinje
+        .flatMap((element) => {
+            if ('opprettetTidspunkt' in element) return [element.opprettetTidspunkt];
+            return [];
+        })
+        .sort();
     return tidslinje.map((element, index) => {
-        if ("opprettetTidspunkt" in element) {
-            const neste = tidspunkter.pop()
-            return {...element, opprettetTidspunkt: neste}
+        if ('opprettetTidspunkt' in element) {
+            const neste = tidspunkter.pop();
+            return { ...element, opprettetTidspunkt: neste };
         }
-        return element
-    })
-}
+        return element;
+    });
+};
 
 const saker = [
     {
@@ -215,6 +227,38 @@ const saker = [
             }),
         ],
     },
+    {
+        id: faker.string.uuid(),
+        merkelapp: 'Dialogmøte',
+        tittel: 'Dialogmøte Fyndig hare',
+        lenke: '#',
+        virksomhet: virksomhet(),
+        sisteStatus: sakStatus({
+            type: SakStatusType.Mottatt,
+            tekst: 'Planlagt',
+        }),
+        nesteSteg: null,
+        tidslinje: [
+            kalenderavtaleTidslinjeElement({
+                tekst: 'Invitasjon til dialogmøte 12 april kl. 15.30 - 16.15. ',
+                avtaletilstand: KalenderavtaleTilstand.VenterSvarFraArbeidsgiver,
+                lokasjon: undefined,
+                digitalt: false,
+            }),
+            kalenderavtaleTidslinjeElement({
+                tekst: 'Invitasjon til dialogmøte 12 april kl. 15.30 - 16.15. ',
+                avtaletilstand: KalenderavtaleTilstand.VenterSvarFraArbeidsgiver,
+                lokasjon: undefined,
+                digitalt: false,
+            }),
+            kalenderavtaleTidslinjeElement({
+                tekst: 'Invitasjon til dialogmøte 12 april kl. 15.30 - 16.15. ',
+                avtaletilstand: KalenderavtaleTilstand.VenterSvarFraArbeidsgiver,
+                lokasjon: undefined,
+                digitalt: false,
+            }),
+        ],
+    },
     {
         id: faker.string.uuid(),
         merkelapp: 'Dialogmøte',
@@ -238,7 +282,7 @@ const saker = [
             }),
         ],
     },
-].map(sak => ({...sak, tidslinje: fixOpprettetTidspunkt(sak.tidslinje)}));
+].map((sak) => ({ ...sak, tidslinje: fixOpprettetTidspunkt(sak.tidslinje) }));
 
 export const brukerApiHandlers = [
     graphql.query('hentSaker', async ({ query, variables }) => {