💄 Fjerner hvit linje nederst på oversikten

Den var der når det ikke ble vist noen driftsmeldinger fordi koden som
sjekket om det var noen driftsmeldinger å vise (og dermed legge på en
css-klasse) fikk et array med *alle* hentede driftsmeldinger å tygge på,
i stedet for bare de som ble vist (pga. filtreringen lå i
Driftsmeldinger.tsx, i stedet for i sanity.ts.

src/components/driftsmeldinger/Driftsmeldinger.tsx

@@ -18,15 +18,12 @@ interface DriftsmeldingProps {
     driftsmelding: DriftsmeldingType;
 }
 
-export const Driftsmeldinger = (): (ReactElement | null)[] => {
+export const Driftsmeldinger = (): ReactElement[] => {
     const { driftsmeldinger } = useDriftsmelding();
 
-    return R.sortBy(driftsmeldinger, [R.prop('opprettet'), 'desc']).map((driftsmelding, index) => {
-        const harGått30min = dayjs(driftsmelding._updatedAt).add(30, 'minutes').isBefore(dayjs());
-        if (harGått30min && driftsmelding.level === 'success') return null;
-
-        return <Driftsmelding key={index} driftsmelding={driftsmelding} />;
-    });
+    return R.sortBy(driftsmeldinger, [R.prop('opprettet'), 'desc']).map((driftsmelding, index) => (
+        <Driftsmelding key={index} driftsmelding={driftsmelding} />
+    ));
 };
 
 const Driftsmelding = ({ driftsmelding }: DriftsmeldingProps): Maybe<ReactElement> => {

src/external/sanity.ts

@@ -1,3 +1,5 @@
+import dayjs from 'dayjs';
+
 import { erProd } from '@/env';
 import { gql, useQuery } from '@apollo/client';
 import { Maybe } from '@io/graphql';
@@ -135,6 +137,10 @@ export function useSkjønnsfastsettelsesMaler(skalVise828AndreLedd: boolean, har
     };
 }
 
+/**
+ * Returnerer *aktive* driftsmeldinger, det vil si at "ferdigstilte" driftsmeldinger som kommer tilbake fra sanity blir
+ * filtrert vekk.
+ */
 export function useDriftsmelding() {
     const { data, error, loading } = useQuery<DriftsmeldingerQueryResult, SanityQueryVariables>(
         gql`
@@ -152,8 +158,16 @@ export function useDriftsmelding() {
         },
     );
 
+    const alleDriftsmeldinger = data?.sanity?.result.filter((it: Driftsmelding) => (erProd ? it.iProd : true)) ?? [];
+    const aktiveDriftsmeldinger = alleDriftsmeldinger
+        .map((driftsmelding) => {
+            const harGått30min = dayjs(driftsmelding._updatedAt).add(30, 'minutes').isBefore(dayjs());
+            return harGått30min && driftsmelding.level === 'success' ? null : driftsmelding;
+        })
+        .filter((driftsmelding) => driftsmelding !== null);
+
     return {
-        driftsmeldinger: data?.sanity?.result.filter((it: Driftsmelding) => (erProd ? it.iProd : true)) ?? [],
+        driftsmeldinger: aktiveDriftsmeldinger,
         loading,
         error,
     };

src/routes/oversikt/Oversikt.module.css

@@ -18,11 +18,7 @@
 
 .fullHeight {
     display: flex;
-    height: calc(100vh - 112px);
-}
-
-.driftsmelding {
-    height: calc(100vh - 201px);
+    overflow: hidden;
 }
 
 .Alert {

src/routes/oversikt/Oversikt.tsx

@@ -1,14 +1,12 @@
 'use client';
 
-import classNames from 'classnames';
 import dynamic from 'next/dynamic';
 import React, { ReactElement } from 'react';
 
 import { Alert } from '@navikt/ds-react';
 
 import { EmojiTilbakemelding } from '@components/flexjar/EmojiTilbamelding';
 import { Widget } from '@components/flexjar/Widget';
-import { useDriftsmelding } from '@external/sanity';
 import { useFjernPersonFraApolloCache } from '@hooks/useFjernPersonFraApolloCache';
 import { useKeyboardShortcuts } from '@hooks/useKeyboardShortcuts';
 import { useLoadingToast } from '@hooks/useLoadingToast';
@@ -41,7 +39,6 @@ export const Oversikt = (): ReactElement => {
     const oppgaveFeed = useOppgaveFeed();
     const aktivTab = useAktivTab();
     const { allFilters } = useFilters();
-    const { driftsmeldinger } = useDriftsmelding();
 
     useLoadingToast({ isLoading: oppgaveFeed.loading, message: 'Henter oppgaver' });
     useKeyboardShortcuts();
@@ -56,7 +53,7 @@ export const Oversikt = (): ReactElement => {
                 </Alert>
             )}
             <Tabs />
-            <div className={classNames(styles.fullHeight, (driftsmeldinger?.length ?? 0) > 0 && styles.driftsmelding)}>
+            <div className={styles.fullHeight}>
                 <Filtermeny filters={allFilters} />
                 <section className={styles.Content}>
                     {aktivTab === TabType.BehandletIdag ? (