diff --git a/app/javascript/pages/assessment/NewAssessmentManual.tsx b/app/javascript/pages/assessment/NewAssessmentManual.tsx index 05acf19..7aedf74 100644 --- a/app/javascript/pages/assessment/NewAssessmentManual.tsx +++ b/app/javascript/pages/assessment/NewAssessmentManual.tsx @@ -7,6 +7,9 @@ import { Axis, Query } from "../../__generated__/graphql-schema"; import { Button, Card, Input, Navigator } from '../../components'; import { SideBar } from "./components/SideBar"; import { QuestionCard } from "./components/QuestionCard"; +import { Link } from "react-router-dom"; +import { SelectedQuestionCard } from "./components/SelectedQuestionCard"; +import { SelectedQuestionsSideBar } from "./components/SelectedQuestionsSideBar"; type NewAssessementManualForm = { axisWeights: Record @@ -65,9 +68,12 @@ export const NewAssessementManual = () => { - {/*bgColor="bg-yellow-400"*/} - Selected Questions - + + + + + + // <> diff --git a/app/javascript/pages/assessment/components/QuestionCard.tsx b/app/javascript/pages/assessment/components/QuestionCard.tsx index 9ce10d9..440ddeb 100644 --- a/app/javascript/pages/assessment/components/QuestionCard.tsx +++ b/app/javascript/pages/assessment/components/QuestionCard.tsx @@ -7,53 +7,55 @@ interface Props { export const QuestionCard: FC = ({ title }) => { return ( - -
-
-
- Grau de Dificuldade: - Media -
-
- Categoria: - Modelagem -
-
- Eixo de Formacao: - Infra Sistemas -
-
- Assunto: - Fisica -
-
- Habilidade Cogn: - Compreender -
-
- Ano: - 2023 -
-
- Autoria: - UNIFESO -
-
- Enunciado: +
+ +
+
- ijodsjidsoifidfsiojsdfiojdsfiodfs ijdf iodsf iosd iojdf sijodsf iojdsf ioj sdfiojdf sioj dfsiojsdf iojdfs ijodsfijoidfsijodfsijdfsijo dsiofd ijosdfjiofdsidsfio + Grau de Dificuldade: + Media +
+
+ Categoria: + Modelagem +
+
+ Eixo de Formacao: + Infra Sistemas +
+
+ Assunto: + Fisica +
+
+ Habilidade Cogn: + Compreender +
+
+ Ano: + 2023 +
+
+ Autoria: + UNIFESO +
+
+ Enunciado: +
+ ijodsjidsoifidfsiojsdfiojdsfiodfs ijdf iodsf iosd iojdf sijodsf iojdsf ioj sdfiojdf sioj dfsiojsdf iojdfs ijodsfijoidfsijodfsijdfsijo dsiofd ijosdfjiofdsidsfio +
+
+
+
+
+
+
-
-
-
- -
-
-
- + +
) } \ No newline at end of file diff --git a/app/javascript/pages/assessment/components/SelectedQuestionCard.tsx b/app/javascript/pages/assessment/components/SelectedQuestionCard.tsx new file mode 100644 index 0000000..22f11eb --- /dev/null +++ b/app/javascript/pages/assessment/components/SelectedQuestionCard.tsx @@ -0,0 +1,26 @@ +import React, { FC } from 'react'; +import { FaTrash } from 'react-icons/fa'; +import { Link } from 'react-router-dom'; + +type Props = { + label: string + id: string +} + +export const SelectedQuestionCard: FC = ({ label, id }) => { + return ( + + ) +} + diff --git a/app/javascript/pages/assessment/components/SelectedQuestionsSideBar.tsx b/app/javascript/pages/assessment/components/SelectedQuestionsSideBar.tsx new file mode 100644 index 0000000..e3bf953 --- /dev/null +++ b/app/javascript/pages/assessment/components/SelectedQuestionsSideBar.tsx @@ -0,0 +1,22 @@ +import React, { FC, PropsWithChildren } from "react"; +import { SideBar } from "./SideBar"; + +interface Props extends PropsWithChildren { + +} + +export const SelectedQuestionsSideBar: FC = ({ children }) => { + return ( + +

Questões Selecionadas

+
+
+ {children ?? +

+ Nenhuma questão selecionada +

+ } +
+
+ ) +} \ No newline at end of file