go-pkg/asynqmon
2
0
Fork 0
mirror of https://github.com/hibiken/asynqmon.git synced 2025-02-23 20:30:12 +08:00
Code Issues Projects Releases Wiki Activity

Use small icons in QueuesOverviewTable

Browse Source
This commit is contained in:
Ken Hibino 2021-01-27 21:41:57 -08:00
parent ae7e0730bc
commit a0e7b49c3a
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
ui/src/components/QueuesOverviewTable.tsx
View File

@ -273,8 +273,9 @@ export default function QueuesOverviewTable(props: Props) {
color="secondary" color="secondary"
onClick={() => props.onResumeClick(q.queue)} onClick={() => props.onResumeClick(q.queue)}
disabled={q.requestPending} disabled={q.requestPending}
size="small"
> >
<PlayCircleFilledIcon /> <PlayCircleFilledIcon fontSize="small" />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
) : ( ) : (
@ -283,20 +284,24 @@ export default function QueuesOverviewTable(props: Props) {
color="primary" color="primary"
onClick={() => props.onPauseClick(q.queue)} onClick={() => props.onPauseClick(q.queue)}
disabled={q.requestPending} disabled={q.requestPending}
size="small"
> >
<PauseCircleFilledIcon /> <PauseCircleFilledIcon fontSize="small" />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
)} )}
<Tooltip title="Delete"> <Tooltip title="Delete">
<IconButton onClick={() => setQueueToDelete(q)}> <IconButton
<DeleteIcon /> onClick={() => setQueueToDelete(q)}
size="small"
>
<DeleteIcon fontSize="small" />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
</React.Fragment> </React.Fragment>
) : ( ) : (
<IconButton> <IconButton size="small">
<MoreHorizIcon /> <MoreHorizIcon fontSize="small" />
</IconButton> </IconButton>
)} )}
</div> </div>