diff --git a/src/app/components/ShareButton.js b/src/app/components/ShareButton.js
index cd538d50a707d18fcaf086b0510f5e791ee97b58..411cbaa3aa967e361d2046db551dcedd7c653adb 100644
--- a/src/app/components/ShareButton.js
+++ b/src/app/components/ShareButton.js
@@ -44,7 +44,7 @@ export default function ShareButton({ type, id }) {
<ShareModal
open={shareOpen}
onClose={() => setShareOpen(false)}
- title={`Compartilhando ${type}`}
+ title={`Compartilhando ${type === "colecao" ? "coleção" : type }`}
type={type}
id={id}
/>
diff --git a/src/app/recurso/[id]/components/complaintsModal.js b/src/app/recurso/[id]/components/complaintsModal.js
index b76bef237d89c3a69e4a70d5d089428c5069daa4..a04863ee19fdbf8b01f611a8525da90f642e3ee4 100644
--- a/src/app/recurso/[id]/components/complaintsModal.js
+++ b/src/app/recurso/[id]/components/complaintsModal.js
@@ -122,36 +122,36 @@ export default function ComplaintModal({ open, onClose, name, id, setSubmitted }
}}
>
<div className="w-[40%] bg-ice-HC-dark p-5 rounded-lg">
- <div className="flex flex-col bg-ice-HC-dark p-5 rounded-lg">
- <div className="flex justify-between items-center text-darkGray-HC-white-underline font-bold text-2xl pb-4">
- Recurso a ser votado
- <CloseIcon onClick={onClose} sx={{ color: "#6c8080", fontSize: "2s5px", cursor: "pointer" }} />
- </div>
- {cons ? (
- <p className="pt-3 text-lg text-darkGray-HC-white-underline">
- Você está votando para que o recurso retorne para a MEC RED. Você confirma essa avaliação?
- </p>
- ) : (
- <p className="pt-3 text-lg text-darkGray-HC-white-underline">
+ <div className="flex flex-col bg-ice-HC-dark p-5 rounded-lg">
+ <div className="flex justify-between items-center text-darkGray-HC-white-underline font-bold text-2xl pb-4">
+ Recurso a ser votado
+ <CloseIcon onClick={onClose} sx={{ color: "#6c8080", fontSize: "2s5px", cursor: "pointer" }} />
+ </div>
+ {cons ? (
+ <p className="pt-3 text-lg text-darkGray-HC-white-underline">
+ Você está votando para que o recurso retorne para a MEC RED. Você confirma essa avaliação?
+ </p>
+ ) : (
+ <p className="pt-3 text-lg text-darkGray-HC-white-underline">
Você está votando para que o recurso seja removido para a MEC RED. Você confirma essa avaliação?
- </p>
- )}
- <div className="flex flex-row justify-end pt-5">
- <button
- onClick={onClose}
- className="bg-ice-HC-dark px-3 py-2 mr-1 rounded-lg text-darkGray-HC-white-underline hover:bg-ice-HC-dark-hover"
- >
- Alterar avaliação
- </button>
- <button
- onClick={() => {sendComplaint(id, pro, cons); onClose()}}
- className="bg-turquoise px-3 py-2 ml-1 rounded-lg text-white-HC-dark-underline font-semibold hover:bg-turquoise-hover"
- >
- Confirmar
- </button>
+ </p>
+ )}
+ <div className="flex flex-row justify-end pt-5">
+ <button
+ onClick={onClose}
+ className="bg-ice-HC-dark px-3 py-2 mr-1 rounded-lg text-darkGray-HC-white-underline hover:bg-ice-HC-dark-hover"
+ >
+ Alterar avaliação
+ </button>
+ <button
+ onClick={() => { sendComplaint(id, pro, cons); onClose() }}
+ className="bg-turquoise px-3 py-2 ml-1 rounded-lg text-white-HC-dark-underline font-semibold hover:bg-turquoise-hover"
+ >
+ Confirmar
+ </button>
+ </div>
</div>
</div>
- </div>
</Modal>
);
};
@@ -172,17 +172,19 @@ export default function ComplaintModal({ open, onClose, name, id, setSubmitted }
}}
>
<div className="flex flex-col bg-ice-HC-dark p-5 rounded-lg ">
- <div className="flex gap-12 justify-center items-center pb-2">
- <p className="flex justify-center text-2xl text-darkGray-HC-white-underline font-bold">{`Você está avaliando a denúncia ${name}`}</p>
- <CloseIcon onClick={onClose} sx={{ color: "#6c8080", fontSize: "2s5px" }} />
+ <div className="flex w-full justify-center items-center pb-2">
+ <p className="flex text-2xl justify-center w-full text-darkGray-HC-white font-bold">{`Você está avaliando a denúncia ${name}`}</p>
+ <div className="flex cursor-pointer justify-end">
+ <CloseIcon onClick={onClose} sx={{ color: "#6c8080", fontSize: "2s5px" }} />
+ </div>
</div>
{message === "voted" ? <Alert severity="info">Você já votou nesse recurso!</Alert> : message === "ok" ?
<Alert severity="success">Seu voto foi computado com sucesso!</Alert>
: message === "error" ? <Alert severity="error">Erro ao computar voto, tente novamente</Alert> : null}
- <p className="text-darkGray-HC-white-underline pb-4 pt-4 text-lg font-semibold">Verifique as seguintes denúncias sobre o recurso</p>
+ <p className="text-darkGray-HC-white pb-4 pt-4 text-lg font-semibold">Verifique as seguintes denúncias sobre o recurso</p>
<ul className="list-disc list-inside">
{questions.map((item, i) => (
- <li key={i} className="text-darkGray-HC-white-underline text-lg font-normal">
+ <li key={i} className="text-darkGray-HC-white text-lg font-normal">
{item.reason}: {item.description}
</li>
))}
@@ -190,14 +192,14 @@ export default function ComplaintModal({ open, onClose, name, id, setSubmitted }
<div className="flex justify-end mt-7">
<button
onClick={() => handleOpen(1, 0)}
- className="bg-turquoise px-3 py-2 mr-1 rounded-lg text-white-HC-dark-underline hover:bg-ice-HC-dark-hover font-semibold"
+ className="bg-turquoise-HC-white hover:bg-darkTurquoise-HC-dark px-3 py-2 mr-1 rounded-lg text-white-HC-dark-underline hover:text-ice-HC-white font-semibold outline outline-1 outline-ice-HC-white"
>
Votar para reativar
</button>
- <button
+ <button
onClick={() => handleOpen(0, 1)}
- className="bg-red px-3 py-2 ml-1 rounded-lg text-white-HC-dark-underline font-semibold hover:bg-turquoise-hover"
+ className="bg-red-HC-white px-3 py-2 ml-1 rounded-lg text-white-HC-dark-underline font-semibold outline outline-1 outline-ice-HC-white"
>
Votar para remover
</button>