refactor: migrate params editor drawer to custom component

This commit is contained in:
Carlos Valente
2025-06-20 22:23:21 +02:00
committed by Carlos Valente
parent 4827b295fa
commit fdd81354cc
13 changed files with 281 additions and 97 deletions
@@ -114,7 +114,7 @@ function CountdownContents({ playableEvents, selectedId, subscriptions, time, go
return (
<div className='empty-container'>
<Empty text={getLocalizedString('countdown.select_event')} className='empty-container' />
<Button variant='primary' size='large' onClick={goToEditMode}>
<Button variant='primary' size='xlarge' onClick={goToEditMode}>
<IoAdd /> Add
</Button>
</div>
@@ -127,7 +127,7 @@ function CountdownContents({ playableEvents, selectedId, subscriptions, time, go
return (
<div className='empty-container'>
<Empty text={getLocalizedString('countdown.select_event')} className='empty-container' />
<Button variant='primary' size='large' onClick={goToEditMode}>
<Button variant='primary' size='xlarge' onClick={goToEditMode}>
<IoAdd /> Add
</Button>
</div>
@@ -83,13 +83,13 @@ export default function CountdownSelect({ events, subscriptions, disableEdit }:
})}
<div className='fab-container'>
<Button variant='subtle' size='large' onClick={disableEdit}>
<Button variant='subtle' size='xlarge' onClick={disableEdit}>
<IoArrowBack /> Go back
</Button>
<Button variant='subtle' size='large' onClick={() => setSelected([])} disabled={selected.length === 0}>
<Button variant='subtle' size='xlarge' onClick={() => setSelected([])} disabled={selected.length === 0}>
<IoClose /> Clear
</Button>
<Button variant='primary' size='large' disabled={events.length < 1} onClick={applySelection}>
<Button variant='primary' size='xlarge' disabled={events.length < 1} onClick={applySelection}>
<IoSaveOutline /> Save
</Button>
</div>
@@ -113,7 +113,7 @@ export default function CountdownSubscriptions({
);
})}
<div className={cx(['fab-container', !showFab && 'fab-container--hidden'])}>
<Button variant='primary' size='large' onClick={goToEditMode}>
<Button variant='primary' size='xlarge' onClick={goToEditMode}>
<IoPencil /> Edit
</Button>
</div>