Flytt journalforing til egen page

navikt · Feb 12, 2024 · 109c58a · 109c58a
1 parent 29e9577
commit 109c58a
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 10 deletions.
diff --git a/src/app.tsx b/src/app.tsx
@@ -17,6 +17,7 @@ import Aktivitetsmal from './moduler/mal/mal';
 import AktivitetsplanPrint from './moduler/utskrift/AktivitetsplanPrint';
 import { UpdateEventHandler } from './utils/UpdateHandler';
 import { HiddenIf } from './utils/utils';
+import { JournalforingPage } from './moduler/journalforing/JournalforingPage';
 
 const Router = ({ children }: { children: React.ReactNode }) => {
     if (import.meta.env.VITE_USE_HASH_ROUTER === 'true') {
@@ -42,6 +43,7 @@ function App({ Routes }: { Routes: any }) {
                     <Routes>
                         <Route path={`/`}>
                             <Route path="utskrift" element={<AktivitetsplanPrint />} />
+                            <Route path="journalforing" element={<JournalforingPage />} />
                             <Route path="" element={<Hovedside />}>
                                 <Route path={'mal'} element={<Aktivitetsmal />} />
                                 <Route path={'informasjon'} element={<InformasjonModal />} />

diff --git a/src/moduler/journalforing/JournalforingPage.tsx b/src/moduler/journalforing/JournalforingPage.tsx
@@ -0,0 +1,38 @@
+import Innholdslaster from '../../felles-komponenter/utils/Innholdslaster';
+import React from 'react';
+import { hentPdfTilForhaandsvisning, selectArkivStatus } from '../verktoylinje/arkivering/arkivering-slice';
+import { Button } from '@navikt/ds-react';
+import { Status } from '../../createGenericSlice';
+import { useSelector } from 'react-redux';
+import useAppDispatch from '../../felles-komponenter/hooks/useAppDispatch';
+import { selectVistOppfolgingsperiode } from '../aktivitet/aktivitetlisteSelector';
+
+export const JournalforingPage = () => {
+    const dispatch = useAppDispatch();
+    const vistOppfolgingsperiode = useSelector(selectVistOppfolgingsperiode);
+    const arkiverer = [Status.PENDING, Status.RELOADING].includes(useSelector(selectArkivStatus));
+    return (
+        <section className="flex flex-col justify-center items-center p-8">
+            <div className="aktivitetsplanprint flex justify-center items-center">
+                <Innholdslaster avhengigheter={[]}>
+                    <div className="px-12 print:border-none space-x-4">
+                        <Button
+                            disabled={arkiverer}
+                            variant="secondary"
+                            onClick={() => dispatch(hentPdfTilForhaandsvisning(vistOppfolgingsperiode!!.uuid))}
+                        >
+                            Journalfør
+                        </Button>
+                        <Button
+                            disabled={arkiverer}
+                            variant="secondary"
+                            onClick={() => dispatch(hentPdfTilForhaandsvisning(vistOppfolgingsperiode!!.uuid))}
+                        >
+                            Forhåndsvisning
+                        </Button>
+                    </div>
+                </Innholdslaster>
+            </div>
+        </section>
+    );
+};
diff --git a/src/moduler/verktoylinje/Navigasjonslinje.tsx b/src/moduler/verktoylinje/Navigasjonslinje.tsx
@@ -1,4 +1,4 @@
-import { Button, Heading, Link } from '@navikt/ds-react';
+import { Heading, Link } from '@navikt/ds-react';
 import { isAfter } from 'date-fns';
 import React, { useEffect } from 'react';
 import { shallowEqual, useSelector } from 'react-redux';
@@ -13,18 +13,14 @@ import { selectSistOppdatert } from '../dialog/dialog-selector';
 import { hentDialoger } from '../dialog/dialog-slice';
 import { selectCanPrint } from '../feilmelding/feil-selector';
 import { logKlikkKnapp } from '../../amplitude/amplitude';
-import { hentPdfTilForhaandsvisning, selectArkivStatus } from './arkivering/arkivering-slice';
-import { Status } from '../../createGenericSlice';
 import { selectVistOppfolgingsperiode } from '../aktivitet/aktivitetlisteSelector';
 
 function Navigasjonslinje() {
     const erVeileder = useErVeileder();
     const sistOppdatert = useSelector(selectSistOppdatert, shallowEqual);
-    const vistOppfolgingsperiode = useSelector(selectVistOppfolgingsperiode)
+    const vistOppfolgingsperiode = useSelector(selectVistOppfolgingsperiode);
     const dispatch = useAppDispatch();
 
-    const arkiverer = [Status.PENDING, Status.RELOADING].includes(useSelector(selectArkivStatus));
-
     useEffect(() => {
         const doHentDialog = () => dispatch(hentDialoger());
 
@@ -78,10 +74,11 @@ function Navigasjonslinje() {
                     </ReactRouterLink>
                 )}
                 {!ER_PROD
-                    ? (erVeileder && vistOppfolgingsperiode) && (
-                          <Button disabled={arkiverer} variant="secondary" onClick={() => dispatch(hentPdfTilForhaandsvisning(vistOppfolgingsperiode.uuid))}>
-                              Journalfør
-                          </Button>
+                    ? erVeileder &&
+                      vistOppfolgingsperiode && (
+                          <ReactRouterLink to="journalforing" className="text-text-action underline hover:no-underline">
+                              Journalføring
+                          </ReactRouterLink>
                       )
                     : null}
             </div>