Commit c0481dda authored by jang dong hyeok's avatar jang dong hyeok
Browse files

Accordion에 질문종류에 맞는 예시Img 추가

parent dee8523f
import React from "react"; import React from "react";
import { IQuestionData } from "../types"; import { IQuestionData } from "../types";
import chartImg2 from "../icons/chartImg2.png";
type Props = { type Props = {
question: IQuestionData; question: IQuestionData;
...@@ -14,6 +15,7 @@ export const RCheckbox = ({ question }: Props) => { ...@@ -14,6 +15,7 @@ export const RCheckbox = ({ question }: Props) => {
return ( return (
<div className="m-5"> <div className="m-5">
<img src={chartImg2} />
{question.content.choices.map((choice: any, index: number) => ( {question.content.choices.map((choice: any, index: number) => (
<div key={index} className=""> <div key={index} className="">
<span className="font-bold">{choice.text}</span> <span className="font-bold">{choice.text}</span>
......
import React from "react"; import React from "react";
import { IQuestionData } from "../types"; import { IQuestionData } from "../types";
import chartImg2 from "../icons/chartImg2.png";
type Props = { type Props = {
question: IQuestionData; question: IQuestionData;
...@@ -8,6 +9,7 @@ type Props = { ...@@ -8,6 +9,7 @@ type Props = {
export const RDate = ({ question }: Props) => { export const RDate = ({ question }: Props) => {
return ( return (
<div className="m-5"> <div className="m-5">
<img src={chartImg2} />
{question.answers.map((answer: any, index: number) => ( {question.answers.map((answer: any, index: number) => (
<div key={index} className="font-bold"> <div key={index} className="font-bold">
{answer} {answer}
......
import React from "react"; import React from "react";
import { IQuestionData } from "../types"; import { IQuestionData } from "../types";
import chartImg1 from "../icons/chartImg1.png";
type Props = { type Props = {
question: IQuestionData; question: IQuestionData;
...@@ -13,6 +14,7 @@ export const RDropdown = ({ question }: Props) => { ...@@ -13,6 +14,7 @@ export const RDropdown = ({ question }: Props) => {
return ( return (
<div className="m-5"> <div className="m-5">
<img src={chartImg1} />
{question.content.choices.map((choice: any, index: number) => ( {question.content.choices.map((choice: any, index: number) => (
<div key={index} className=""> <div key={index} className="">
<span className="font-bold">{choice.text}</span> <span className="font-bold">{choice.text}</span>
......
import React, { useState } from "react"; import React, { useState } from "react";
import { Pie } from "../charts/pies/Pie"; import { Pie } from "../charts/pies/Pie";
import { IQuestionData } from "../types"; import { IQuestionData } from "../types";
import chartImg1 from "../icons/chartImg1.png";
type Props = { type Props = {
question: IQuestionData; question: IQuestionData;
...@@ -17,6 +18,7 @@ export const RRadio = ({ question }: Props) => { ...@@ -17,6 +18,7 @@ export const RRadio = ({ question }: Props) => {
return ( return (
<div className="m-5"> <div className="m-5">
<img src={chartImg1} />
{question.content.choices.map((choice: any, index: number) => ( {question.content.choices.map((choice: any, index: number) => (
<div key={index} className=""> <div key={index} className="">
<span className="font-bold">{choice.text}</span> <span className="font-bold">{choice.text}</span>
......
import React from "react"; import React from "react";
import { IQuestionData } from "../types"; import { IQuestionData } from "../types";
import chartImg2 from "../icons/chartImg2.png";
type Props = { type Props = {
question: IQuestionData; question: IQuestionData;
...@@ -14,6 +15,7 @@ export const RRating = ({ question }: Props) => { ...@@ -14,6 +15,7 @@ export const RRating = ({ question }: Props) => {
return ( return (
<div className="m-5"> <div className="m-5">
<div>{question.content.minRateDescription}</div> <div>{question.content.minRateDescription}</div>
<img src={chartImg2} />
{question.content.choices.map((choice: any, index: number) => ( {question.content.choices.map((choice: any, index: number) => (
<div key={index} className=""> <div key={index} className="">
<span className="font-bold">{choice.text}</span> <span className="font-bold">{choice.text}</span>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment