diff --git a/src/components/IndicatorTable/__test__/indicatortable.test.tsx b/src/components/IndicatorTable/__test__/indicatortable.test.tsx index e5131a70d..9d5baba7c 100644 --- a/src/components/IndicatorTable/__test__/indicatortable.test.tsx +++ b/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 () => { diff --git a/src/components/IndicatorTable/tableblock/__test__/tableblock.test.tsx b/src/components/IndicatorTable/tableblock/__test__/tableblock.test.tsx index 4986b40c7..c2254ce33 100644 --- a/src/components/IndicatorTable/tableblock/__test__/tableblock.test.tsx +++ b/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, diff --git a/src/components/RegisterPage/SelectedRegister.tsx b/src/components/RegisterPage/SelectedRegister.tsx index 3b612051c..927749451 100644 --- a/src/components/RegisterPage/SelectedRegister.tsx +++ b/src/components/RegisterPage/SelectedRegister.tsx @@ -148,6 +148,8 @@ export const SelectedRegister: React.FC = ({ return false; }); + const registerDescription = registerInfo[0].description; + const placeholder = tab === "opptaksomraade" ? (
@@ -162,6 +164,7 @@ export const SelectedRegister: React.FC = ({ dataFrom={registerFullName} tabNames={registerTabs} activeTab={tab as string} + registerText={registerDescription ?? undefined} />
diff --git a/src/components/RegisterPage/header/__test__/__snapshots__/header.test.tsx.snap b/src/components/RegisterPage/header/__test__/__snapshots__/header.test.tsx.snap index 8327be188..8c27dce7e 100644 --- a/src/components/RegisterPage/header/__test__/__snapshots__/header.test.tsx.snap +++ b/src/components/RegisterPage/header/__test__/__snapshots__/header.test.tsx.snap @@ -35,6 +35,24 @@ exports[`register page header renders correctly 1`] = ` Norsk hjerneslagregister
+
+

+ + Det norske hjerneslagregister + + er blablabla og + + blablabla + +

+
+
+
+

+ + Det norske hjerneslagregister + + er blablabla og + + blablabla + +

+
+
{ @@ -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( @@ -49,6 +54,7 @@ it("register page header renders correctly", () => { registerNames={registerNames} tabNames={tabNames} dataFrom={dataFrom} + registerText={registerText} /> diff --git a/src/components/RegisterPage/header/header.tsx b/src/components/RegisterPage/header/header.tsx index 74ae461e6..aa393f17d 100644 --- a/src/components/RegisterPage/header/header.tsx +++ b/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 = (props) => { @@ -18,6 +20,7 @@ export const Header: React.FC = (props) => { tabNames = [], dataFrom = "medisinske kvalitetsregistre", activeTab, + registerText = undefined, } = props; return ( @@ -29,6 +32,20 @@ export const Header: React.FC = (props) => {

Resultater fra {dataFrom}

+ {registerText && ( +
+ {children}

; + }, + }} + > + {registerText} +
+
+
+ )}
{ caregiver_data: 1, resident_data: 1, dg_data: 1, + description: null, }; });