From 56c592a5d524ebbef89c6007066afe543b638708 Mon Sep 17 00:00:00 2001 From: Simon G Date: Thu, 29 Apr 2021 15:07:17 +0200 Subject: [PATCH] feat(chapters): add chapter content about common diseases --- .../ChapterContent/ChapterContent09.tsx | 364 ++++++++++++++++++ .../Chapters/ChapterContent/index.tsx | 2 + 2 files changed, 366 insertions(+) create mode 100644 src/components/Chapters/ChapterContent/ChapterContent09.tsx diff --git a/src/components/Chapters/ChapterContent/ChapterContent09.tsx b/src/components/Chapters/ChapterContent/ChapterContent09.tsx new file mode 100644 index 0000000..a1273fd --- /dev/null +++ b/src/components/Chapters/ChapterContent/ChapterContent09.tsx @@ -0,0 +1,364 @@ +import { IonImg, IonText } from '@ionic/react'; +import { FC } from 'react'; +import { useTranslation } from 'react-i18next'; +import { ImageViewer } from '../../ImageViewer'; +import { Context } from '../index'; + +export const Section01: FC = ({ context = '' }) => { + const { t } = useTranslation('chapter09'); + + return ( + +

{t(`01.TEXT.PARAGRAPH.01`, { context })}

+
    +
  • {t(`01.TEXT.LIST.01.010000`, { context })}
    • +
  • {t(`01.TEXT.LIST.01.020000`, { context })}
    • +
+

{t(`01.TEXT.PARAGRAPH.02`, { context })}

+
    +
  • {t(`01.TEXT.LIST.02.010000`, { context })}
    • +
  • {t(`01.TEXT.LIST.02.020000`, { context })}
    • +
  • {t(`01.TEXT.LIST.02.030000`, { context })}
    • +
  • {t(`01.TEXT.LIST.02.040000`, { context })}
    • +
      +
    • {t(`01.TEXT.LIST.02.040100`, { context })}
      • +
    • {t(`01.TEXT.LIST.02.040200`, { context })}
      • +
    • {t(`01.TEXT.LIST.02.040300`, { context })}
      • +
    +
+

{t(`01.TEXT.PARAGRAPH.03`, { context })}

+
    +
  • {t(`01.TEXT.LIST.03.010000`, { context })}
    • +
  • {t(`01.TEXT.LIST.03.020000`, { context })}
    • +
  • {t(`01.TEXT.LIST.03.030000`, { context })}
    • +
  • {t(`01.TEXT.LIST.03.040000`, { context })}
    • +
      +
    • {t(`01.TEXT.LIST.03.040100`, { context })}
      • +
    • {t(`01.TEXT.LIST.03.040200`, { context })}
      • +
    +
+ + + + + {t(`01.IMAGE.01.TITLE`, { context })} + +

{t(`01.TEXT.PARAGRAPH.04`, { context })}

+ + + + + {t(`01.IMAGE.02.TITLE`, { context })} + + + ); +}; + +export const Section02: FC = ({ context = '' }) => { + const { t } = useTranslation('chapter09'); + + return ( + +

{t(`02.TEXT.PARAGRAPH.01`, { context })}

+
    +
  • {t(`02.TEXT.LIST.01.010000`, { context })}
    • +
  • {t(`02.TEXT.LIST.01.020000`, { context })}
    • +
  • {t(`02.TEXT.LIST.01.030000`, { context })}
    • +
  • {t(`02.TEXT.LIST.01.040000`, { context })}
    • +
      +
    • {t(`02.TEXT.LIST.01.040100`, { context })}
      • +
    +
+

{t(`02.TEXT.PARAGRAPH.02`, { context })}

+
    +
  • {t(`02.TEXT.LIST.02.010000`, { context })}
    • +
  • {t(`02.TEXT.LIST.02.020000`, { context })}
    • +
  • {t(`02.TEXT.LIST.02.030000`, { context })}
    • +
      +
    • {t(`02.TEXT.LIST.02.030100`, { context })}
      • +
    • {t(`02.TEXT.LIST.02.030200`, { context })}
      • +
    +
  • {t(`02.TEXT.LIST.02.040000`, { context })}
    • +
      +
    • {t(`02.TEXT.LIST.02.040100`, { context })}
      • +
    +
+ + + + + {t(`02.IMAGE.01.TITLE`, { context })} + +

{t(`02.TEXT.PARAGRAPH.03`, { context })}

+
    +
  • {t(`02.TEXT.LIST.03.010000`, { context })}
    • +
  • {t(`02.TEXT.LIST.03.020000`, { context })}
    • +
  • {t(`02.TEXT.LIST.03.030000`, { context })}
    • +
  • {t(`02.TEXT.LIST.03.040000`, { context })}
    • +
  • {t(`02.TEXT.LIST.03.050000`, { context })}
    • +
+

{t(`02.TEXT.PARAGRAPH.04`, { context })}

+
    +
  • {t(`02.TEXT.LIST.04.010000`, { context })}
    • +
  • {t(`02.TEXT.LIST.04.020000`, { context })}
    • +
  • {t(`02.TEXT.LIST.04.030000`, { context })}
    • +
  • {t(`02.TEXT.LIST.04.040000`, { context })}
    • +
  • {t(`02.TEXT.LIST.04.050000`, { context })}
    • +
+

{t(`02.TEXT.PARAGRAPH.05`, { context })}

+
    +
  • {t(`02.TEXT.LIST.05.010000`, { context })}
    • +
  • {t(`02.TEXT.LIST.05.020000`, { context })}
    • +
  • {t(`02.TEXT.LIST.05.030000`, { context })}
    • +
  • {t(`02.TEXT.LIST.05.040000`, { context })}
    • +
+ + + + + {t(`02.IMAGE.02.TITLE`, { context })} + + + ); +}; + +export const Section03: FC = ({ context = '' }) => { + const { t } = useTranslation('chapter09'); + + return ( + +

{t(`03.TEXT.PARAGRAPH.01`, { context })}

+

{t(`03.TEXT.PARAGRAPH.02`, { context })}

+

{t(`03.TEXT.PARAGRAPH.03`, { context })}

+
    +
  • {t(`03.TEXT.LIST.01.010000`, { context })}
    • +
  • {t(`03.TEXT.LIST.01.020000`, { context })}
    • +
  • {t(`03.TEXT.LIST.01.030000`, { context })}
    • +
+

{t(`03.TEXT.PARAGRAPH.04`, { context })}

+
    +
  • {t(`03.TEXT.LIST.02.010000`, { context })}
    • +
  • {t(`03.TEXT.LIST.02.020000`, { context })}
    • +
  • {t(`03.TEXT.LIST.02.030000`, { context })}
    • +
  • {t(`03.TEXT.LIST.02.040000`, { context })}
    • +
+

{t(`03.TEXT.PARAGRAPH.05`, { context })}

+
    +
  • {t(`03.TEXT.LIST.03.010000`, { context })}
    • +
  • {t(`03.TEXT.LIST.03.020000`, { context })}
    • +
  • {t(`03.TEXT.LIST.03.030000`, { context })}
    • +
  • {t(`03.TEXT.LIST.03.040000`, { context })}
    • +
+ + + + + {t(`03.IMAGE.01.TITLE`, { context })} + +

{t(`03.TEXT.PARAGRAPH.06`, { context })}

+
    +
  • {t(`03.TEXT.LIST.04.010000`, { context })}
    • +
  • {t(`03.TEXT.LIST.04.020000`, { context })}
    • +
  • {t(`03.TEXT.LIST.04.030000`, { context })}
    • +
  • {t(`03.TEXT.LIST.04.040000`, { context })}
    • +
+ + + + + {t(`03.IMAGE.02.TITLE`, { context })} + + + ); +}; + +export const Section04: FC = ({ context = '' }) => { + const { t } = useTranslation('chapter09'); + + return ( + +

{t(`04.TEXT.PARAGRAPH.01`, { context })}

+

{t(`04.TEXT.PARAGRAPH.02`, { context })}

+

{t(`04.TEXT.PARAGRAPH.03`, { context })}

+
    +
  • {t(`04.TEXT.LIST.01.010000`, { context })}
    • +
  • {t(`04.TEXT.LIST.01.020000`, { context })}
    • +
  • {t(`04.TEXT.LIST.01.030000`, { context })}
    • +
+

{t(`04.TEXT.PARAGRAPH.04`, { context })}

+
    +
  • {t(`04.TEXT.LIST.02.010000`, { context })}
    • +
  • {t(`04.TEXT.LIST.02.020000`, { context })}
    • +
  • {t(`04.TEXT.LIST.02.030000`, { context })}
    • +
  • {t(`04.TEXT.LIST.02.040000`, { context })}
    • +
  • {t(`04.TEXT.LIST.02.050000`, { context })}
    • +
  • {t(`04.TEXT.LIST.02.060000`, { context })}
    • +
+

{t(`04.TEXT.PARAGRAPH.05`, { context })}

+
    +
  • {t(`04.TEXT.LIST.03.010000`, { context })}
    • +
  • {t(`04.TEXT.LIST.03.020000`, { context })}
    • +
  • {t(`04.TEXT.LIST.03.030000`, { context })}
    • +
+ + + + + {t(`04.IMAGE.01.TITLE`, { context })} + +

{t(`04.TEXT.PARAGRAPH.06`, { context })}

+
    +
  • {t(`04.TEXT.LIST.04.010000`, { context })}
    • +
  • {t(`04.TEXT.LIST.04.020000`, { context })}
    • +
  • {t(`04.TEXT.LIST.04.030000`, { context })}
    • +
  • {t(`04.TEXT.LIST.04.040000`, { context })}
    • +
  • {t(`04.TEXT.LIST.04.050000`, { context })}
    • +
  • {t(`04.TEXT.LIST.04.060000`, { context })}
    • +
  • {t(`04.TEXT.LIST.04.070000`, { context })}
    • +
  • {t(`04.TEXT.LIST.04.080000`, { context })}
    • +
+

{t(`04.TEXT.PARAGRAPH.07`, { context })}

+

{t(`04.TEXT.PARAGRAPH.08`, { context })}

+
    +
  • {t(`04.TEXT.LIST.05.010000`, { context })}
    • +
  • {t(`04.TEXT.LIST.05.020000`, { context })}
    • +
  • {t(`04.TEXT.LIST.05.030000`, { context })}
    • +
  • {t(`04.TEXT.LIST.05.040000`, { context })}
    • +
+ + + + + {t(`04.IMAGE.02.TITLE`, { context })} + + + ); +}; + +export const Section05: FC = ({ context = '' }) => { + const { t } = useTranslation('chapter09'); + + return ( + +

{t(`05.TEXT.PARAGRAPH.01`, { context })}

+

{t(`05.TEXT.PARAGRAPH.02`, { context })}

+

{t(`05.TEXT.PARAGRAPH.03`, { context })}

+
    +
  • {t(`05.TEXT.LIST.01.010000`, { context })}
    • +
  • {t(`05.TEXT.LIST.01.020000`, { context })}
    • +
+

{t(`05.TEXT.PARAGRAPH.04`, { context })}

+
    +
  • {t(`05.TEXT.LIST.02.010000`, { context })}
    • +
  • {t(`05.TEXT.LIST.02.020000`, { context })}
    • +
  • {t(`05.TEXT.LIST.02.030000`, { context })}
    • +
+

{t(`05.TEXT.PARAGRAPH.05`, { context })}

+
    +
  • {t(`05.TEXT.LIST.03.010000`, { context })}
    • +
      +
    • {t(`05.TEXT.LIST.03.010100`, { context })}
      • +
    • {t(`05.TEXT.LIST.03.010200`, { context })}
      • +
    +
  • {t(`05.TEXT.LIST.03.020000`, { context })}
    • +
  • {t(`05.TEXT.LIST.03.030000`, { context })}
    • +
+ + + + + {t(`05.IMAGE.01.TITLE`, { context })} + +

{t(`05.TEXT.PARAGRAPH.06`, { context })}

+
    +
  • {t(`05.TEXT.LIST.04.010000`, { context })}
    • +
  • {t(`05.TEXT.LIST.04.020000`, { context })}
    • +
  • {t(`05.TEXT.LIST.04.030000`, { context })}
    • +
  • {t(`05.TEXT.LIST.04.040000`, { context })}
    • +
+

{t(`05.TEXT.PARAGRAPH.07`, { context })}

+
    +
  • {t(`05.TEXT.LIST.05.010000`, { context })}
    • +
  • {t(`05.TEXT.LIST.05.020000`, { context })}
    • +
  • {t(`05.TEXT.LIST.05.030000`, { context })}
    • +
  • {t(`05.TEXT.LIST.05.040000`, { context })}
    • +
  • {t(`05.TEXT.LIST.05.050000`, { context })}
    • +
+

{t(`05.TEXT.PARAGRAPH.08`, { context })}

+

{t(`05.TEXT.PARAGRAPH.09`, { context })}

+

{t(`05.TEXT.PARAGRAPH.10`, { context })}

+ + + + + {t(`05.IMAGE.02.TITLE`, { context })} + + + ); +}; + +export const Section06: FC = ({ context = '' }) => { + const { t } = useTranslation('chapter09'); + + return ( + +

{t(`06.TEXT.PARAGRAPH.01`, { context })}

+

{t(`06.TEXT.PARAGRAPH.02`, { context })}

+

{t(`06.TEXT.PARAGRAPH.03`, { context })}

+

{t(`06.TEXT.PARAGRAPH.04`, { context })}

+
    +
  • {t(`06.TEXT.LIST.01.010000`, { context })}
    • +
  • {t(`06.TEXT.LIST.01.020000`, { context })}
    • +
+

{t(`06.TEXT.PARAGRAPH.05`, { context })}

+
    +
  • {t(`06.TEXT.LIST.02.010000`, { context })}
    • +
      +
    • {t(`06.TEXT.LIST.02.010100`, { context })}
      • +
    • {t(`06.TEXT.LIST.02.010200`, { context })}
      • +
    +
  • {t(`06.TEXT.LIST.02.020000`, { context })}
    • +
  • {t(`06.TEXT.LIST.02.030000`, { context })}
    • +
+ + + + + {t(`06.IMAGE.01.TITLE`, { context })} + +

{t(`06.TEXT.PARAGRAPH.06`, { context })}

+
    +
  • {t(`06.TEXT.LIST.03.010000`, { context })}
    • +
  • {t(`06.TEXT.LIST.03.020000`, { context })}
    • +
  • {t(`06.TEXT.LIST.03.030000`, { context })}
    • +
  • {t(`06.TEXT.LIST.03.040000`, { context })}
    • +
+

{t(`06.TEXT.PARAGRAPH.07`, { context })}

+
    +
  • {t(`06.TEXT.LIST.04.010000`, { context })}
    • +
  • {t(`06.TEXT.LIST.04.020000`, { context })}
    • +
  • {t(`06.TEXT.LIST.04.030000`, { context })}
    • +
  • {t(`06.TEXT.LIST.04.040000`, { context })}
    • +
  • {t(`06.TEXT.LIST.04.050000`, { context })}
    • +
+

{t(`06.TEXT.PARAGRAPH.08`, { context })}

+

{t(`06.TEXT.PARAGRAPH.09`, { context })}

+

{t(`06.TEXT.PARAGRAPH.10`, { context })}

+ + + + + {t(`06.IMAGE.02.TITLE`, { context })} + + + ); +}; + +export const chapter09 = { + '01': Section01, + '02': Section02, + '03': Section03, + '04': Section04, + '05': Section05, + '06': Section06, +}; diff --git a/src/components/Chapters/ChapterContent/index.tsx b/src/components/Chapters/ChapterContent/index.tsx index 1e4fa58..698d02d 100644 --- a/src/components/Chapters/ChapterContent/index.tsx +++ b/src/components/Chapters/ChapterContent/index.tsx @@ -6,6 +6,7 @@ import { chapter05 } from './ChapterContent05'; import { chapter06 } from './ChapterContent06'; import { chapter07 } from './ChapterContent07'; import { chapter08 } from './ChapterContent08'; +import { chapter09 } from './ChapterContent09'; export const chapter = { '01': chapter01, @@ -16,4 +17,5 @@ export const chapter = { '06': chapter06, '07': chapter07, '08': chapter08, + '09': chapter09, };