refactor: cleanup display options layout

This commit is contained in:
Carlos Valente
2025-06-20 21:18:31 +02:00
committed by Carlos Valente
parent a21fdc8481
commit 4827b295fa
@@ -29,6 +29,7 @@ interface EventEditorTimesProps {
type HandledActions = 'countToEnd' | 'timerType' | 'endAction' | 'timeWarning' | 'timeDanger'; type HandledActions = 'countToEnd' | 'timerType' | 'endAction' | 'timeWarning' | 'timeDanger';
export default memo(EventEditorTimes);
function EventEditorTimes(props: EventEditorTimesProps) { function EventEditorTimes(props: EventEditorTimesProps) {
const { const {
eventId, eventId,
@@ -153,9 +154,8 @@ function EventEditorTimes(props: EventEditorTimesProps) {
<option value={TimerType.None}>None</option> <option value={TimerType.None}>None</option>
</Select> </Select>
</div> </div>
<div>
{/* TODO: rearrange this grid */} <div className={style.inline}>
</div>
<div> <div>
<Editor.Label htmlFor='timeWarning'>Warning Time</Editor.Label> <Editor.Label htmlFor='timeWarning'>Warning Time</Editor.Label>
<TimeInput <TimeInput
@@ -166,7 +166,6 @@ function EventEditorTimes(props: EventEditorTimesProps) {
placeholder='Duration' placeholder='Duration'
/> />
</div> </div>
<div> <div>
<Editor.Label htmlFor='timeDanger'>Danger Time</Editor.Label> <Editor.Label htmlFor='timeDanger'>Danger Time</Editor.Label>
<TimeInput <TimeInput
@@ -179,8 +178,7 @@ function EventEditorTimes(props: EventEditorTimesProps) {
</div> </div>
</div> </div>
</div> </div>
</div>
</> </>
); );
} }
export default memo(EventEditorTimes);