Releasing new design #161
@ -138,6 +138,7 @@ button:active {
|
|||||||
.submitButton {
|
.submitButton {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerContainer {
|
.footerContainer {
|
||||||
|
@ -39,8 +39,13 @@ const PdfMarking = (props: PdfMarkingProps) => {
|
|||||||
const [selectedMarkValue, setSelectedMarkValue] = useState<string>('')
|
const [selectedMarkValue, setSelectedMarkValue] = useState<string>('')
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
setSelectedMark(findNextIncompleteCurrentUserMark(currentUserMarks) || null)
|
if (selectedMark === null && currentUserMarks.length > 0) {
|
||||||
}, [])
|
setSelectedMark(
|
||||||
|
findNextIncompleteCurrentUserMark(currentUserMarks) ||
|
||||||
|
currentUserMarks[0]
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}, [currentUserMarks, selectedMark])
|
||||||
|
|
||||||
const handleMarkClick = (id: number) => {
|
const handleMarkClick = (id: number) => {
|
||||||
const nextMark = currentUserMarks.find((mark) => mark.mark.id === id)
|
const nextMark = currentUserMarks.find((mark) => mark.mark.id === id)
|
||||||
@ -60,8 +65,8 @@ const PdfMarking = (props: PdfMarkingProps) => {
|
|||||||
updatedSelectedMark
|
updatedSelectedMark
|
||||||
)
|
)
|
||||||
setCurrentUserMarks(updatedCurrentUserMarks)
|
setCurrentUserMarks(updatedCurrentUserMarks)
|
||||||
setSelectedMark(mark)
|
|
||||||
setSelectedMarkValue(mark.currentValue ?? EMPTY)
|
setSelectedMarkValue(mark.currentValue ?? EMPTY)
|
||||||
|
setSelectedMark(mark)
|
||||||
}
|
}
|
||||||
|
|
||||||
const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
|
const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
|
||||||
|
Loading…
Reference in New Issue
Block a user