Flytt ut header til egen fil

navikt · Jan 3, 2025 · b0c1fa4 · b0c1fa4
1 parent faace61
commit b0c1fa4
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 12 deletions.
diff --git a/lps-client-frontend-v/src/App.tsx b/lps-client-frontend-v/src/App.tsx
@@ -1,25 +1,16 @@
 import React from 'react';
-import { Box, Heading, HStack, Page, VStack } from "@navikt/ds-react";
+import { Page, VStack } from "@navikt/ds-react";
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 import LoginForm from './LoginForm';
 import FiltererInntektsmeldinger from './FiltererInntektsmeldinger';
 import Velkommen from './Velkommen';
-import logo from './logo.png'; // Adjust the path if necessary
 import "@navikt/ds-css";
+import Header from './Header';
 
 function App() {
     return (
         <Router>
-            <Box padding="4" background="gray-100">
-                <HStack gap="12" align="center">
-                    <img src={logo} alt="Logo"
-                         style={{maxWidth: '150px'}}/>
-                    <Heading size="medium">
-                        TigerSys lønns- og personalsystem
-                    </Heading>
-
-                </HStack>
-            </Box>
+            <Header/>
             <Page>
                 <Page.Block as="main" width="2xl" gutters>
                     <VStack gap="10" margin="10" align="stretch" justify="center">

diff --git a/lps-client-frontend-v/src/Header.tsx b/lps-client-frontend-v/src/Header.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+import { Box, Heading, HStack } from "@navikt/ds-react";
+import logo from "./logo.png"
+
+function Header() {
+    return (
+        <Box padding="4" background="gray-100">
+            <HStack gap="12" align="center">
+                <img src={logo} alt="Logo"
+                     style={{maxWidth: '150px'}}/>
+                <Heading size="medium">
+                    TigerSys lønns- og personalsystem
+                </Heading>
+
+            </HStack>
+        </Box>
+    );
+}
+
+export default Header;