Registerbeskrivelse inn under tittel på register

src/components/IndicatorTable/__test__/indicatortable.test.tsx

@@ -15,6 +15,7 @@ const registerInfo: RegisterNames[] = [
     caregiver_data: 1,
     resident_data: 0,
     dg_data: 1,
+    description: null,
   },
 ];
 it("registry table renders correctly for a single registry", async () => {

src/components/IndicatorTable/tableblock/__test__/tableblock.test.tsx

@@ -15,6 +15,7 @@ const props: TableBlockProps = {
     caregiver_data: 1,
     resident_data: 1,
     dg_data: 1,
+    description: "Dette er litt tekst",
   },
   blockTitle: "Nasjonalt hoftebruddregister",
   treatmentYear: 2019,

src/components/RegisterPage/SelectedRegister.tsx

@@ -148,6 +148,8 @@ export const SelectedRegister: React.FC<SelectedRegisterProps> = ({
     return false;
   });
 
+  const registerDescription = registerInfo[0].description;
+
   const placeholder =
     tab === "opptaksomraade" ? (
       <div>
@@ -162,6 +164,7 @@ export const SelectedRegister: React.FC<SelectedRegisterProps> = ({
         dataFrom={registerFullName}
         tabNames={registerTabs}
         activeTab={tab as string}
+        registerText={registerDescription ?? undefined}
       />
       <div className="app-body">
         <div className="selection-container" ref={selection_bar_ref}>

src/components/RegisterPage/header/__test__/__snapshots__/header.test.tsx.snap

@@ -35,6 +35,24 @@ exports[`register page header renders correctly 1`] = `
               Norsk hjerneslagregister
             </h3>
           </div>
+          <div
+            class="headerText"
+          >
+            <p
+              style="margin: 0px;"
+            >
+              <a
+                href="https://vg.no"
+              >
+                Det norske hjerneslagregister
+              </a>
+               er blablabla og 
+              <strong>
+                blablabla
+              </strong>
+            </p>
+            <br />
+          </div>
         </div>
         <div
           class="topHeaderRight"
@@ -193,6 +211,24 @@ exports[`register page header renders correctly 2`] = `
               Norsk hjerneslagregister
             </h3>
           </div>
+          <div
+            class="headerText"
+          >
+            <p
+              style="margin: 0px;"
+            >
+              <a
+                href="https://vg.no"
+              >
+                Det norske hjerneslagregister
+              </a>
+               er blablabla og 
+              <strong>
+                blablabla
+              </strong>
+            </p>
+            <br />
+          </div>
         </div>
         <div
           class="topHeaderRight"

src/components/RegisterPage/header/__test__/header.test.tsx

@@ -14,6 +14,7 @@ const registerInfo: RegisterNames[] = [
     caregiver_data: 1,
     resident_data: 1,
     dg_data: 1,
+    description: null,
   },
   {
     id: 2,
@@ -22,6 +23,7 @@ const registerInfo: RegisterNames[] = [
     caregiver_data: 1,
     resident_data: 1,
     dg_data: 1,
+    description: null,
   },
   {
     id: 3,
@@ -30,6 +32,7 @@ const registerInfo: RegisterNames[] = [
     caregiver_data: 1,
     resident_data: 1,
     dg_data: 1,
+    description: null,
   },
 ];
 it("register page header renders correctly", () => {
@@ -40,6 +43,8 @@ it("register page header renders correctly", () => {
     { value: "datakvalitet", label: "Datakvalitit" },
   ];
   const dataFrom = "Norsk hjerneslagregister";
+  const registerText =
+    "[Det norske hjerneslagregister](https://vg.no) er blablabla og **blablabla**";
 
   const { container } = render(
     <BrowserRouter>
@@ -49,6 +54,7 @@ it("register page header renders correctly", () => {
           registerNames={registerNames}
           tabNames={tabNames}
           dataFrom={dataFrom}
+          registerText={registerText}
         />
       </QueryParamProvider>
     </BrowserRouter>

src/components/RegisterPage/header/header.tsx

@@ -1,4 +1,5 @@
 import React from "react";
+import ReactMarkdown from "react-markdown";
 import { NSMLogo } from "./nsmlogo";
 import { HeaderTabs } from "./headertabs";
 import SelectRegister from "../../SelectRegister";
@@ -10,6 +11,7 @@ export interface HeaderProps {
   tabNames?: { label: string; value: string }[];
   dataFrom?: string;
   activeTab: string;
+  registerText?: string;
 }
 
 export const Header: React.FC<HeaderProps> = (props) => {
@@ -18,6 +20,7 @@ export const Header: React.FC<HeaderProps> = (props) => {
     tabNames = [],
     dataFrom = "medisinske kvalitetsregistre",
     activeTab,
+    registerText = undefined,
   } = props;
 
   return (
@@ -29,6 +32,20 @@ export const Header: React.FC<HeaderProps> = (props) => {
             <div className={style.headerText}>
               <h3>Resultater fra {dataFrom}</h3>
             </div>
+            {registerText && (
+              <div className={style.headerText}>
+                <ReactMarkdown
+                  components={{
+                    p({ children }) {
+                      return <p style={{ margin: 0 }}>{children}</p>;
+                    },
+                  }}
+                >
+                  {registerText}
+                </ReactMarkdown>
+                <br />
+              </div>
+            )}
           </div>
           <div className={style.topHeaderRight}>
             <SelectRegister

src/components/RegisterPage/index.tsx

@@ -6,6 +6,7 @@ export interface RegisterNames {
   caregiver_data: 1 | 0 | null;
   resident_data: 1 | 0 | null;
   dg_data: 1 | 0 | null;
+  description: string | null;
 }
 
 export interface StatisticData {

src/components/test/data_builders.ts

@@ -165,6 +165,7 @@ export const buildRegisterNames = (): RegisterNames[] => {
       caregiver_data: 1,
       resident_data: 1,
       dg_data: 1,
+      description: null,
     };
   });