Oppdatere søknadsliste

navikt · Nov 24, 2023 · d0e6c9b · d0e6c9b
1 parent 822f4df
commit d0e6c9b
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 76 deletions.
diff --git a/apps/dine-pleiepenger/src/components/søknad-liste/SøknadListe.tsx b/apps/dine-pleiepenger/src/components/søknad-liste/SøknadListe.tsx
@@ -1,8 +1,10 @@
-import { ExpansionCard, VStack } from '@navikt/ds-react';
+import { BodyShort, ExpansionCard, VStack } from '@navikt/ds-react';
 import { Søknad } from '../../types/Søknad';
 import SøknadTitle from './SøknadTitle';
 import SøknadContent from './SøknadContent';
 import Skeleton from 'react-loading-skeleton';
+import PrettyDate from '../pretty-date/PrettyDate';
+import { getSøknadMottattDato } from '../../utils/søknadUtils';
 
 interface Props {
     søknader: Søknad[];
@@ -22,6 +24,16 @@ const SøknadListe: React.FunctionComponent<Props> = ({ søknader = [] }) => {
                             <ExpansionCard.Title id={labelId}>
                                 <SøknadTitle søknad={søknad} />
                             </ExpansionCard.Title>
+                            <ExpansionCard.Description>
+                                <BodyShort size="small">
+                                    Mottatt{' '}
+                                    <PrettyDate
+                                        date={getSøknadMottattDato(søknad)}
+                                        format="dayDateAndTime"
+                                        useNorwegianTime={true}
+                                    />
+                                </BodyShort>
+                            </ExpansionCard.Description>
                         </ExpansionCard.Header>
                         <ExpansionCard.Content>
                             <SøknadContent søknad={søknad} />

diff --git a/apps/dine-pleiepenger/src/components/søknad-liste/SøknadTitle.tsx b/apps/dine-pleiepenger/src/components/søknad-liste/SøknadTitle.tsx
@@ -2,44 +2,20 @@ import { BodyShort, HStack } from '@navikt/ds-react';
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import { Task } from '@navikt/ds-icons';
-import { Søknad, Søknadstype } from '../../types/Søknad';
-import PrettyDate from '../pretty-date/PrettyDate';
-import { getSøknadMottattDato } from '../../utils/søknadUtils';
+import { Søknad } from '../../types/Søknad';
 
 interface Props {
     søknad: Søknad;
-    utvidetInfo?: boolean;
 }
 
-const SøknadTitle: React.FunctionComponent<Props> = ({ søknad, utvidetInfo }) => {
+const SøknadTitle: React.FunctionComponent<Props> = ({ søknad }) => {
     return (
-        <>
-            <BodyShort as="div" size="large" className="font-bold mb-2">
-                <HStack gap="2">
-                    <Task role="presentation" aria-hidden={true} />
-                    <FormattedMessage id={`sakstype.${søknad.søknadstype}`} />
-                </HStack>
-            </BodyShort>
-            <BodyShort as="div" size="small">
-                Mottatt{' '}
-                <PrettyDate date={getSøknadMottattDato(søknad)} format="dayDateAndTime" useNorwegianTime={true} />
-                {utvidetInfo && (
-                    <>
-                        {søknad.søknadstype === Søknadstype.PP_SYKT_BARN && (
-                            <div>
-                                Gjelder perioden <PrettyDate date={søknad.søknad.fraOgMed} /> til{' '}
-                                <PrettyDate date={søknad.søknad.tilOgMed} />
-                            </div>
-                        )}
-                        {søknad.søknadstype === Søknadstype.PP_ETTERSENDING && (
-                            <div>
-                                Ettersending gjelder: <q>{søknad.søknad.beskrivelse}</q> ...
-                            </div>
-                        )}
-                    </>
-                )}
-            </BodyShort>
-        </>
+        <BodyShort as="div" size="large" className="font-bold mb-2">
+            <HStack gap="2" align={'center'}>
+                <Task role="presentation" aria-hidden={true} width="1.25rem" height="1.25rem" />
+                <FormattedMessage id={`sakstype.${søknad.søknadstype}`} />
+            </HStack>
+        </BodyShort>
     );
 };
 

diff --git a/apps/dine-pleiepenger/src/pages/_app.page.tsx b/apps/dine-pleiepenger/src/pages/_app.page.tsx
@@ -9,18 +9,6 @@ import '../components/process/process.css';
 import '../style/global.css';
 
 function MyApp({ Component, pageProps }: AppProps<ServerSidePropsResult>): ReactElement {
-    // const { error, isLoading } = useSWR<Søker, AxiosError>('/dine-pleiepenger/api/soker', søkerFecther);
-
-    // if (isLoading) {
-    //     return (
-    //         <EmptyPage>
-    //             <ComponentLoader />
-    //         </EmptyPage>
-    //     );
-    // }
-    // if (error) {
-    //     return <HentBrukerFeilet error={error} />;
-    // }
     return (
         <ErrorBoundary>
             <main id="maincontent" role="main" tabIndex={-1}>
@@ -32,10 +20,4 @@ function MyApp({ Component, pageProps }: AppProps<ServerSidePropsResult>): React
     );
 }
 
-// export const getServerSideProps = async (context) => {
-//     console.log('getServerSideProps');
-//     const søker = await getSøker(context);
-//     return { props: { søker } };
-// };
-
 export default MyApp;
diff --git a/apps/dine-pleiepenger/src/pages/api/mellomlagring.api.ts b/apps/dine-pleiepenger/src/pages/api/mellomlagring.api.ts