feat(decission): add decission handling for chapter

gerdesque · Jun 12, 2020 · b3a4e7e · b3a4e7e
1 parent 6892eea
commit b3a4e7e
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 8 deletions.
diff --git a/apps/demol/src/assets/22.webp b/apps/demol/src/assets/22.webp
diff --git a/apps/demol/src/assets/35.webp b/apps/demol/src/assets/35.webp
diff --git a/apps/demol/src/assets/46.webp b/apps/demol/src/assets/46.webp
diff --git a/db.json b/db.json
@@ -37,13 +37,23 @@
           "content": [
             {
               "type": "image",
-              "layer": "base",
-              "value": "16"
+              "layer": "fore",
+              "value": "22"
+            },
+            {
+              "type": "image",
+              "layer": "fore",
+              "value": "35"
             },
             {
-              "type": "text",
               "layer": "fore",
-              "value": "Wen möchtest du auf diesem Weg begleiten?"
+              "type": "image",
+              "value": "46"
+            },
+            {
+              "value": "Wen möchtest du auf diesem Weg begleiten?",
+              "type": "text",
+              "layer": "fore"
             }
           ]
         }

diff --git a/libs/ui/src/lib/chapter/chapter.tsx b/libs/ui/src/lib/chapter/chapter.tsx
@@ -3,6 +3,7 @@ import Title from '../title/title';
 import Video from '../video/video';
 import Image from '../image/image';
 import Text from '../text/text';
+import Decission from '../decission/decission';
 import { makeStyles } from '@material-ui/core/styles';
 // eslint-disable-next-line @nrwl/nx/enforce-module-boundaries
 import { Chapter, ContentType } from '@gerdesque/data';
@@ -32,6 +33,7 @@ export const ChapterComponent = (props: Chapter) => {
           {content.type === ContentType.Text && <Text value={content.value} />}
           {content.type === ContentType.Video && <Video value={content.value} />}
           {content.type === ContentType.Image && <Image value={content.value} />}
+          {content.type === ContentType.Misc && <Decission value={content.value} />}
         </div>)
   }
 

diff --git a/libs/ui/src/lib/decission/decission.tsx b/libs/ui/src/lib/decission/decission.tsx
@@ -3,13 +3,13 @@ import React from 'react';
 import './decission.scss';
 
 /* eslint-disable-next-line */
-export interface DecissionProps {}
+export interface DecissionProps {
+  value: string
+}
 
 export const Decission = (props: DecissionProps) => {
   return (
-    <div>
-      <h1>Welcome to decission component!</h1>
-    </div>
+    <div className='box'><p>{props.value}</p>!</div>
   );
 };