sigit/sigit.io
7
2
Fork 0
Code Issues 51 Pull Requests 3 Actions Packages Projects 1 Releases Wiki Activity

fix: selected mark selection

Browse Source
This commit is contained in:
eugene 2024-08-12 10:16:30 +03:00
parent ed0158e817
commit 0d52cd7113
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/MarkFormField/style.module.scss
View File

@ -138,6 +138,7 @@ button:active {
.submitButton {
width: 100%;
max-width: 300px;
margin-top: 10px;
}
.footerContainer {

11
src/components/PDFView/PdfMarking.tsx
View File

@ -39,8 +39,13 @@ const PdfMarking = (props: PdfMarkingProps) => {
const [selectedMarkValue, setSelectedMarkValue] = useState<string>('')
useEffect(() => {
setSelectedMark(findNextIncompleteCurrentUserMark(currentUserMarks) || null)
}, [])
if (selectedMark === null && currentUserMarks.length > 0) {
setSelectedMark(
findNextIncompleteCurrentUserMark(currentUserMarks) ||
currentUserMarks[0]
)
}
}, [currentUserMarks, selectedMark])
const handleMarkClick = (id: number) => {
const nextMark = currentUserMarks.find((mark) => mark.mark.id === id)
@ -60,8 +65,8 @@ const PdfMarking = (props: PdfMarkingProps) => {
updatedSelectedMark
)
setCurrentUserMarks(updatedCurrentUserMarks)
setSelectedMark(mark)
setSelectedMarkValue(mark.currentValue ?? EMPTY)
setSelectedMark(mark)
}
const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {