saulteafarmer/plebdevs
1
0
Fork 0
mirror of https://github.com/AustinKelsay/plebdevs.git synced 2025-06-06 01:02:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

Prevent default on topic change course form

Browse Source
This commit is contained in:
austinkelsay 2024-10-13 16:46:56 -05:00
parent 8d92ee6b57
commit ea6299a3c2
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/forms/course/CourseForm.js
View File

@ -122,11 +122,13 @@ const CourseForm = ({ draft = null }) => {
}
};
const addTopic = () => {
const addTopic = (e) => {
e.preventDefault();
setTopics([...topics, '']);
};
const removeTopic = (index) => {
const removeTopic = (e, index) => {
e.preventDefault();
const updatedTopics = topics.filter((_, i) => i !== index);
setTopics(updatedTopics);
};
@ -206,11 +208,11 @@ const CourseForm = ({ draft = null }) => {
<div key={index} className="p-inputgroup flex-1 mt-4">
<InputText value={topic} onChange={(e) => handleTopicChange(index, e.target.value)} placeholder={`Topic #${index + 1}`} className="w-full" />
{index > 0 && (
<GenericButton icon="pi pi-times" className="p-button-danger mt-2" onClick={() => removeTopic(index)} />
<GenericButton icon="pi pi-times" className="p-button-danger mt-2" onClick={(e) => removeTopic(e, index)} />
)}
</div>
))}
<GenericButton icon="pi pi-plus" onClick={addTopic} className="p-button-outlined mt-2" />
<GenericButton icon="pi pi-plus" onClick={(e) => addTopic(e)} className="p-button-outlined mt-2" />
</div>
<div className="flex justify-center mt-8">
<GenericButton type="submit" severity="success" outlined label={draft ? 'Update Course Draft' : 'Create Course Draft'} />