From aa6de596892fc8ef0fc437c8064b69e4e1bbcfda Mon Sep 17 00:00:00 2001 From: kariannekristiansen Date: Mon, 18 Dec 2023 12:06:43 +0100 Subject: [PATCH] =?UTF-8?q?Gj=C3=B8re=20om=20fra=20text=20til=20json?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/empati.js | 52 ++++++++------ .../empati/components/card/CreateCard.js | 18 ----- .../empati/components/card/textCards.json | 72 +++++++++++++++++++ .../card/universell-utforming.text.js | 49 ------------- src/pages/empati/empati.json | 5 ++ src/pages/empati/empati.text.js | 8 --- 6 files changed, 107 insertions(+), 97 deletions(-) delete mode 100644 src/pages/empati/components/card/CreateCard.js create mode 100644 src/pages/empati/components/card/textCards.json delete mode 100644 src/pages/empati/components/card/universell-utforming.text.js create mode 100644 src/pages/empati/empati.json delete mode 100644 src/pages/empati/empati.text.js diff --git a/src/pages/empati.js b/src/pages/empati.js index 7f4af0909..3da05b9a2 100644 --- a/src/pages/empati.js +++ b/src/pages/empati.js @@ -5,25 +5,26 @@ import sparebank1 from './empati/images/sparebank1.svg' import mann from './empati/images/mann.svg' import dame1 from './empati/images/dame1.svg' import dame2 from './empati/images/dame2.svg' -import txt from './empati/empati.text' -import createCard from './empati/components/card/CreateCard' +import empatiJson from './empati/empati.json' +import textCardsJson from './empati/components/card/textCards.json' +import Cards from "./empati/components/card/Cards"; const EmpatiPage = () => (
SpareBank 1 Logo -

{txt.HEADING}

- - - -

- {txt.PARAGRAPH_1} -

-

- {txt.PARAGRAPH_2} -

- - - +

{empatiJson.heading}

+ + + +

+ {empatiJson.firstParagraph} +

+

+ {empatiJson.secondParagraph} +

+ + +
@@ -34,13 +35,20 @@ const EmpatiPage = () => ( - {createCard('STAND_1', 'fjell')} - {createCard('STAND_2', 'syrin')} - {createCard('STAND_3', 'frost')} - {createCard('STAND_4', 'sand', true)} - {createCard('STAND_5', 'fjell')} - {createCard('STAND_6', 'syrin')} - {createCard('STAND_7', 'sand')} + {textCardsJson.map((card, index) => ( + + )) + } diff --git a/src/pages/empati/components/card/CreateCard.js b/src/pages/empati/components/card/CreateCard.js deleted file mode 100644 index 0c90fe077..000000000 --- a/src/pages/empati/components/card/CreateCard.js +++ /dev/null @@ -1,18 +0,0 @@ -import React from 'react' -import txt from './universell-utforming.text' -import Cards from './Cards' - -export default function createCard(stand, color, hands) { - return ( - - ) -} diff --git a/src/pages/empati/components/card/textCards.json b/src/pages/empati/components/card/textCards.json new file mode 100644 index 000000000..97187e4ce --- /dev/null +++ b/src/pages/empati/components/card/textCards.json @@ -0,0 +1,72 @@ +[ + { + "heading": "Stand 1: Makuladegenerasjon (forkalkning)", + "text": "Det finnes flere typer, men aldersrelatert makuladegenerasjon er den største årsaken til varig synshemming hos personer over 50 år i Norge. Makula er et lite område av netthinnen som er viktig for skarpsynet. Ved makula-degenerasjon vil skarpsynet hemmes.\\n\\nTørr makuladegenerasjon gjør at det oppstår små, gule flekker rundt makula. Våt makuladegenerasjon kjennetegnes av små blodkar som vokser på baksiden av øyet.", + "tasks": "tasks", + "task1": "Finn frem mobilen", + "task2": "Ta på deg simuleringsbrillene", + "task3": "Gå inn på yr.no, og finn værvarsel for stedet der du bor", + "color": "fjell", + "hands": false + }, + { + "heading": "Stand 2: Grønn stær", + "text": "Grønn stær er en tilstand som ofte skyldes høyt trykk inne i øyet. På sikt kan tilstanden medføre innskrenkninger i synsfeltet og ubehandlet kan man ende opp med «tunnelsyn». Glaukom er en av de vanligste årsakene til blindhet i Norge, særlig i høy alder. Vi regner med at 2-3 prosent av befolkningen over 40 år har glaukom, mens antatt forekomst blant de over 70 år er 15-20 prosent.", + "tasks": "tasks", + "task1": "Finn frem mobilen", + "task2": "Ta på deg simuleringsbrillene", + "task3": "Send en melding på slack eller SMS", + "color": "syrin", + "hands": false + }, + { + "heading": "Stand 3: Grå stær", + "text": "Grå stær er en sykdom der linsen i øyet mister sin klarhet. Grå stær gir først og fremst nedsatt syn, «tåkesyn», både på avstand og på nært hold. Selv om alder er den viktigste årsaken til grå stær blir noen barn faktisk født med denne sykdommen. Hos yngre mennesker ses sykdommen oftest på grunn av skader eller andre sykdommer i øyet. Grå stær er den ledende årsaken til blindhet i verden.", + "tasks": "tasks", + "task1": "Finn frem mobilen", + "task2": "Ta på deg simuleringsbrillene", + "task3": "Gå inn på kameraappen og ta en selfie", + "color": "frost", + "hands": false + }, + { + "heading": "Stand 4: Tremor (skjelving)", + "text": "Tremor er det samme som skjelving. Dette er en ufrivillig, rytmisk, ofte vedvarende aktivering av muskulaturen. Ofte finner ikke legen årsaken til tremor og den kalles da isolert tremor. Den vanligste formen for isolert tremor er essentiell tremor. Dette er en tremor som rammer hendene spesielt. I tillegg kan mange også få litt tremor i nakken/hodet og denne kalles da hodetremor.", + "tasks": "tasks", + "task1": "Finn frem mobilen", + "task2": "Ta på deg simuleringshanskene", + "task3": "...", + "color": "sand", + "hands": true + }, + { + "heading": "Stand 5: Diabetes retinopati", + "text": "Diabetes retinopati betyr sykdom i øyets netthinne (retina) som følge av diabetes. Dette er den viktigste enkeltårsaken til at personer i yrkesaktiv alder i vestlige land mister synet, helt eller delvis. Personer med diabetisk retinopati kan oppleve svekket syn, blanke områder eller blendende lysflekker når de oppholder seg i sterkt lys. Etter som sykdommen utvikler seg, vil uklart syn, blanke områder og svarte flekker opptre. De svarte flekkene vil kunne flyte omkring i synsfeltet.", + "tasks": "tasks", + "task1": "Finn frem mobilen", + "task2": "Ta på deg simuleringsbrillene", + "task3": "...", + "color": "fjell", + "hands": false + }, + { + "heading": "Stand 6: Netthinneløsning", + "text": "Symptomer på netthinneløsning er at synet brått forsvinner. Mange beskriver det som en «gardin» som dras for synsfeltet. Synet kan gradvis bedre seg i flere måneder etter operasjon. Det blir imidlertid aldri like bra som før. Etter operasjon opplever opp mot halvparten varig synstap. Nedsatt kontrastsyn og forvrengning av synsinntrykk er vanlige følgetilstander som kan gi problemer med lesing, bilkjøring og nærarbeid.", + "tasks": "tasks", + "task1": "Finn frem mobilen", + "task2": "Ta på deg simuleringsbrillene", + "task3": "...", + "color": "syrin", + "hands": false + }, + { + "heading": "Stand 7: Retinitis pigmentosa", + "text": "Retinitis pigmentosa (RP) er fellesbetegnelse for en rekke netthinnesykdommer som gir sterk synshemning i form av innsnevret synsfelt eller blindhet. Sykdommen beskrives som å ha kikkertsyn eller tunnelsyn. RP er blant de hyppigste årsakene til alvorlig nedsatt syn hos barn og yngre voksne. Som regel starter RP med at mørkesynet blir dårlig (nattblindhet). Senere er det et stadig mer innsnevret synsfelt (bortfall av sidesyn) som gir de største problemene for mennesker med denne sykdommen.", + "tasks": "tasks", + "task1": "Finn frem mobilen", + "task2": "Ta på deg simuleringsbrillene", + "task3": "...", + "color": "sand", + "hands": false + } +] \ No newline at end of file diff --git a/src/pages/empati/components/card/universell-utforming.text.js b/src/pages/empati/components/card/universell-utforming.text.js deleted file mode 100644 index f3cbc196c..000000000 --- a/src/pages/empati/components/card/universell-utforming.text.js +++ /dev/null @@ -1,49 +0,0 @@ -const txt = { - HEADER_STAND_1: 'Stand 1: Makuladegenerasjon (forkalkning)', - TEXT_STAND_1: - 'Det finnes flere typer, men aldersrelatert makuladegenerasjon er den største årsaken til varig synshemming hos personer over 50 år i Norge. \n\nMakula er et lite område av netthinnen som er viktig for skarpsynet. Ved makula-degenerasjon vil skarpsynet hemmes.\n\nTørr makuladegenerasjon gjør at det oppstår små, gule flekker rundt makula. Våt makuladegenerasjon kjennetegnes av små blodkar som vokser på baksiden av øyet.', - HEADER_OPPGAVER: 'Oppgaver', - TEXT_OPPGAVER_1_STAND_1: 'Finn frem mobilen', - TEXT_OPPGAVER_2_STAND_1: 'Ta på deg simuleringsbrillene', - TEXT_OPPGAVER_3_STAND_1: - 'Gå inn på yr.no, og finn værvarsel for stedet der du bor', - HEADER_STAND_2: 'Stand 2: Grønn stær', - TEXT_STAND_2: - 'Grønn stær er en tilstand som ofte skyldes høyt trykk inne i øyet. På sikt kan tilstanden medføre innskrenkninger i synsfeltet og ubehandlet kan man ende opp med «tunnelsyn». \n\nGlaukom er en av de vanligste årsakene til blindhet i Norge, særlig i høy alder. Vi regner med at 2-3 prosent av befolkningen over 40 år har glaukom, mens antatt forekomst blant de over 70 år er 15-20 prosent.', - TEXT_OPPGAVER_1_STAND_2: 'Finn frem mobilen', - TEXT_OPPGAVER_2_STAND_2: 'Ta på deg simuleringsbrillene', - TEXT_OPPGAVER_3_STAND_2: 'Send en melding på slack eller SMS', - HEADER_STAND_3: 'Stand 3: Grå stær', - TEXT_STAND_3: - 'Grå stær er en sykdom der linsen i øyet mister sin klarhet. Grå stær gir først og fremst nedsatt syn, «tåkesyn», både på avstand og på nært hold.\n\nSelv om alder er den viktigste årsaken til grå stær blir noen barn faktisk født med denne sykdommen.\n\nHos yngre mennesker ses sykdommen oftest på grunn av skader eller andre sykdommer i øyet. Grå stær er den ledende årsaken til blindhet i verden.', - TEXT_OPPGAVER_1_STAND_3: 'Finn frem mobilen', - TEXT_OPPGAVER_2_STAND_3: 'Ta på deg simuleringsbrillene', - TEXT_OPPGAVER_3_STAND_3: 'Gå inn på kameraappen og ta en selfie', - HEADER_STAND_4: 'Stand 4: Tremor (skjelving)', - TEXT_STAND_4: - 'Tremor er det samme som skjelving. Dette er en ufrivillig, rytmisk, ofte vedvarende aktivering av muskulaturen.\n\nOfte finner ikke legen årsaken til tremor og den kalles da isolert tremor. Den vanligste formen for isolert tremor er essentiell tremor. Dette er en tremor som rammer hendene spesielt.\n\nI tillegg kan mange også få litt tremor i nakken/hodet og denne kalles da hodetremor.', - TEXT_OPPGAVER_1_STAND_4: 'Finn frem mobilen', - TEXT_OPPGAVER_2_STAND_4: 'Ta på deg simuleringshanskene', - TEXT_OPPGAVER_3_STAND_4: '...', - HEADER_STAND_5: 'Stand 5: Diabetes retinopati', - TEXT_STAND_5: - 'Diabetes retinopati betyr sykdom i øyets netthinne (retina) som følge av diabetes. Dette er den viktigste enkeltårsaken til at personer i yrkesaktiv alder i vestlige land mister synet, helt eller delvis.\n\nPersoner med diabetisk retinopati kan oppleve svekket syn, blanke områder eller blendende lysflekker når de oppholder seg i sterkt lys. Etter som sykdommen utvikler seg, vil uklart syn, blanke områder og svarte flekker opptre. De svarte flekkene vil kunne flyte omkring i synsfeltet.', - TEXT_OPPGAVER_1_STAND_5: 'Finn frem mobilen', - TEXT_OPPGAVER_2_STAND_5: 'Ta på deg simuleringsbrillene', - TEXT_OPPGAVER_3_STAND_5: '...', - HEADER_STAND_6: 'Stand 6: Netthinneløsning', - TEXT_STAND_6: - 'Symptomer på netthinneløsning er at synet brått forsvinner. Mange beskriver det som en «gardin» som dras for synsfeltet.\n\nSynet kan gradvis bedre seg i flere måneder etter operasjon. Det blir imidlertid aldri like bra som før. Etter operasjon opplever opp mot halvparten varig synstap.\n\nNedsatt kontrastsyn og forvrengning av synsinntrykk er vanlige følgetilstander som kan gi problemer med lesing, bilkjøring og nærarbeid.', - TEXT_OPPGAVER_1_STAND_6: 'Finn frem mobilen', - TEXT_OPPGAVER_2_STAND_6: 'Ta på deg simuleringsbrillene', - TEXT_OPPGAVER_3_STAND_6: '...', - HEADER_STAND_7: 'Stand 7: Retinitis pigmentosa', - TEXT_STAND_7: - 'Retinitis pigmentosa (RP) er fellesbetegnelse for en rekke netthinnesykdommer som gir sterk synshemning i form av innsnevret synsfelt eller blindhet. Sykdommen beskrives som å ha kikkertsyn eller tunnelsyn.\n\nRP er blant de hyppigste årsakene til alvorlig nedsatt syn hos barn og yngre voksne.\n\nSom regel starter RP med at mørkesynet blir dårlig (nattblindhet). Senere er det et stadig mer innsnevret synsfelt (bortfall av sidesyn) som gir de største problemene for mennesker med denne sykdommen.', - TEXT_OPPGAVER_1_STAND_7: 'Finn frem mobilen', - TEXT_OPPGAVER_2_STAND_7: 'Ta på deg simuleringsbrillene', - TEXT_OPPGAVER_3_STAND_7: '...', - WARNING_MESSAGE: 'Forsiktighetsregler ved bruk av simuleringshanskene', -} - -export default txt diff --git a/src/pages/empati/empati.json b/src/pages/empati/empati.json new file mode 100644 index 000000000..c3682dfe3 --- /dev/null +++ b/src/pages/empati/empati.json @@ -0,0 +1,5 @@ +{ + "heading": "Velkommen til empati-laben!", + "firstParagraph": "11. januar forvandles minglegangen i H9 1. etasje til en empati-lab. Kom og få et inntrykk av hvordan det er å ha for eksempel grå stær, skjelving i hendene eller netthinneløsning", + "secondParagraph": "Under kan du lese om de 7 ulike stasjonene du kan besøke" +} \ No newline at end of file diff --git a/src/pages/empati/empati.text.js b/src/pages/empati/empati.text.js deleted file mode 100644 index 47b7d05b6..000000000 --- a/src/pages/empati/empati.text.js +++ /dev/null @@ -1,8 +0,0 @@ -const txt = { - HEADING: 'Velkommen til empati-laben!', - PARAGRAPH_1: - '11. januar forvandles minglegangen i H9 1. etasje til en empati-lab. Kom og få et inntrykk av hvordan det er å ha for eksempel grå stær, skjelving i hendene eller netthinneløsning', - PARAGRAPH_2: 'Under kan du lese om de 7 ulike stasjonene du kan besøke', -} - -export default txt