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

add add question mechanic

Browse Source
This commit is contained in:
WindowsCrashed
2023-08-07 23:03:13 -03:00
parent decd05a156
commit 0b5964a6d7
4 changed files with 74 additions and 161 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/javascript/pages/assessment/components/SelectedQuestionCard.tsx
View File

@@ -5,9 +5,10 @@ import { Link } from 'react-router-dom';
type Props = {
label: string
id: string
onRemoveQuestion: Function
}
export const SelectedQuestionCard: FC<Props> = ({ label, id }) => {
export const SelectedQuestionCard: FC<Props> = ({ label, id, onRemoveQuestion }) => {
return (
<div className="mx-1 sm:mx-0 mb-4 mt-3 sm:mb-0 border-l-8 border-primary-light flex bg-white hover:bg-unifeso-50 rounded shadow hover:shadow-md cursor-pointer group transition-all duration-500">
<a className="flex flex-col w-full px-3 py-2"
@@ -16,7 +17,8 @@ export const SelectedQuestionCard: FC<Props> = ({ label, id }) => {
</a>
<div className="flex flex-col relative flex-grow justify-center">
<button className="group-hover:block absolute bg-gray-300 hover:bg-primary-normal text-gray-500 hover:text-gray-100 hover:shadow-lg rounded-full p-2 cursor-pointer shadow-inner transition-all duration-500"
style={{ left: '-1.5rem' }}>
style={{ left: '-1.5rem' }}
onClick={() => onRemoveQuestion(id)}>
<FaTrash />
</button>
</div>