geonizeli/progress-test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update question card with question card field

Browse Source
This commit is contained in:
WindowsCrashed
2023-08-12 20:20:22 -03:00
parent 3d946d03ff
commit 147fb997d0
2 changed files with 24 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
app/javascript/pages/assessment/components/QuestionCard.tsx
View File

@@ -1,5 +1,6 @@
import React, { FC, useState } from "react"; import React, { FC, useState } from "react";
import { Button, Card } from "../../../components"; import { Button, Card } from "../../../components";
import { QuestionCardField } from "./QuestionCardField";
interface Props { interface Props {
title: string title: string
@@ -35,38 +36,14 @@ export const QuestionCard: FC<Props> = ({ title, onAddQuestion, onRemoveQuestion
<Card title={title} className="mb-5"> <Card title={title} className="mb-5">
<div> <div>
{!collapsed && <div className="grid grid-cols-2 gap-2"> {!collapsed && <div className="grid grid-cols-2 gap-2">
<div> <QuestionCardField label="Grau de Dificuldade" value="Média"/>
<span className="text-gray-700">Grau de Dificuldade: </span> <QuestionCardField label="Categoria" value="Modelagem"/>
<span>Média</span> <QuestionCardField label="Eixo de Formação" value="Infra Sistemas"/>
</div> <QuestionCardField label="Assunto" value="Fisica"/>
<div> <QuestionCardField label="Habilidade Cognitiva" value="Compreender"/>
<span className="text-gray-700">Categoria: </span> <QuestionCardField label="Tipo" value="Resposta Multipla"/>
<span>Modelagem</span> <QuestionCardField label="Autoria" value="UNIFESO" />
</div> <QuestionCardField label="Ano" value="2023"/>
<div>
<span className="text-gray-700">Eixo de Formação: </span>
<span>Infra Sistemas</span>
</div>
<div>
<span className="text-gray-700">Assunto: </span>
<span>Fisica</span>
</div>
<div>
<span className="text-gray-700">Habilidade Cognitiva: </span>
<span>Compreender</span>
</div>
<div>
<span className="text-gray-700">Tipo: </span>
<span>Resposta Multipla</span>
</div>
<div>
<span className="text-gray-700">Autoria: </span>
<span>UNIFESO</span>
</div>
<div>
<span className="text-gray-700">Ano: </span>
<span>2023</span>
</div>
<div className="col-span-2"> <div className="col-span-2">
<span className="text-gray-700">Enunciado:</span> <span className="text-gray-700">Enunciado:</span>
<div> <div>

15
app/javascript/pages/assessment/components/QuestionCardField.tsx Normal file
View File

@@ -0,0 +1,15 @@
import React, { FC } from "react";
interface Props {
label: string,
value: string
}
export const QuestionCardField: FC<Props> = ({ label, value }) => {
return (
<div>
<span className="text-gray-700">{`${label}: `}</span>
<span>{value}</span>
</div>
)
}