Initial commit

src/components/Question/Question.css

@@ -0,0 +1,22 @@
+.questionContainer {
+  margin: 10px;
+}
+
+.questionContainer:hover {
+  background-color: var(--hoover-color);
+}
+
+.question {
+  font-weight: bold;
+  font-size: 17px;
+  color: #ffffff;
+}
+
+.answer {
+  font-size: 15px;
+}
+
+.data {
+  font-size: 13px;
+  color: #a1a1a1;
+}

src/components/Question/Question.js

@@ -0,0 +1,34 @@
+import React, { PureComponent } from 'react'
+import './Question.css'
+
+class Question extends PureComponent {
+  render () {
+    const { question } = this.props
+
+    let qdata = question.data
+    if (typeof qdata === 'object' && qdata.type === 'simple') {
+      qdata = ''
+    }
+    if (qdata) {
+      try {
+        qdata = JSON.stringify(qdata)
+      } catch (e) {}
+    }
+
+    return (
+      <div className='questionContainer'>
+        <div className='question'>
+          {question.Q}
+        </div>
+        <div className='answer'>
+          {question.A}
+        </div>
+        <div className='data'>
+          {qdata || null}
+        </div>
+      </div>
+    )
+  }
+}
+
+export default Question

src/components/Question/index.js

@@ -0,0 +1 @@
+export { default } from './Question'