add selected question card

This commit is contained in:
WindowsCrashed
2023-08-07 22:06:14 -03:00
parent eb33921b20
commit decd05a156
4 changed files with 103 additions and 47 deletions

View File

@@ -7,53 +7,55 @@ interface Props {
export const QuestionCard: FC<Props> = ({ title }) => {
return (
<Card title={title} className="mb-5">
<div>
<div className="grid grid-cols-2 gap-2">
<div>
<span className="text-gray-700">Grau de Dificuldade: </span>
<span>Media</span>
</div>
<div>
<span className="text-gray-700">Categoria: </span>
<span>Modelagem</span>
</div>
<div>
<span className="text-gray-700">Eixo de Formacao: </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 Cogn: </span>
<span>Compreender</span>
</div>
<div>
<span className="text-gray-700">Ano: </span>
<span>2023</span>
</div>
<div>
<span className="text-gray-700">Autoria: </span>
<span>UNIFESO</span>
</div>
<div className="col-span-2">
<span className="text-gray-700">Enunciado:</span>
<div id={title.replace(/\s+/g, '')}>
<Card title={title} className="mb-5">
<div>
<div className="grid grid-cols-2 gap-2">
<div>
ijodsjidsoifidfsiojsdfiojdsfiodfs ijdf iodsf iosd iojdf sijodsf iojdsf ioj sdfiojdf sioj dfsiojsdf iojdfs ijodsfijoidfsijodfsijdfsijo dsiofd ijosdfjiofdsidsfio
<span className="text-gray-700">Grau de Dificuldade: </span>
<span>Media</span>
</div>
<div>
<span className="text-gray-700">Categoria: </span>
<span>Modelagem</span>
</div>
<div>
<span className="text-gray-700">Eixo de Formacao: </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 Cogn: </span>
<span>Compreender</span>
</div>
<div>
<span className="text-gray-700">Ano: </span>
<span>2023</span>
</div>
<div>
<span className="text-gray-700">Autoria: </span>
<span>UNIFESO</span>
</div>
<div className="col-span-2">
<span className="text-gray-700">Enunciado:</span>
<div>
ijodsjidsoifidfsiojsdfiojdsfiodfs ijdf iodsf iosd iojdf sijodsf iojdsf ioj sdfiojdf sioj dfsiojsdf iojdfs ijodsfijoidfsijodfsijdfsijo dsiofd ijosdfjiofdsidsfio
</div>
</div>
</div>
<div className="mt-6">
<hr className="h-4"/>
<div className="flex justify-end">
<Button type="primary">
Adicionar
</Button>
</div>
</div>
</div>
<div className="mt-6">
<hr className="h-4"/>
<div className="flex justify-end">
<Button type="primary">
Adicionar
</Button>
</div>
</div>
</div>
</Card>
</Card>
</div>
)
}