woggioni-opencode-agent/bee-dashboard
1
0
Fork 0
Code Actions Packages Releases Activity

style: add padding to files download (#387) (#639)

Browse Source 
Co-authored-by: Ferenc Sárai <ferenc.sarai@solarpunk.buzz>
This commit is contained in:
Ferenc Sárai
2023-11-20 13:59:40 +01:00
committed by GitHub
parent 7fa1cb0ccf
commit 8802d20555
1 changed files with 28 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ExpandableListItemInput.tsx
+28 -26
View File
@@ -1,4 +1,4 @@
import { Grid, IconButton, InputBase, ListItem, Typography } from '@material-ui/core' import { Box, Grid, IconButton, InputBase, ListItem, Typography } from '@material-ui/core'
import Collapse from '@material-ui/core/Collapse' import Collapse from '@material-ui/core/Collapse'
import { createStyles, makeStyles, Theme } from '@material-ui/core/styles' import { createStyles, makeStyles, Theme } from '@material-ui/core/styles'
import { ChangeEvent, ReactElement, useState } from 'react' import { ChangeEvent, ReactElement, useState } from 'react'
@@ -134,31 +134,33 @@ export default function ExpandableListItemKey({
</ListItem> </ListItem>
<Collapse in={open} timeout="auto" unmountOnExit> <Collapse in={open} timeout="auto" unmountOnExit>
{helperText && <ExpandableListItemNote>{helperText}</ExpandableListItemNote>} {helperText && <ExpandableListItemNote>{helperText}</ExpandableListItemNote>}
<ExpandableListItemActions> <Box mt={2}>
<SwarmButton <ExpandableListItemActions>
disabled={ <SwarmButton
loading || disabled={
inputValue === value || loading ||
Boolean(confirmLabelDisabled) || // Disable if external validation is provided inputValue === value ||
(inputValue === '' && value === undefined) // Disable if no initial value was not provided and the field is empty. The undefined check is improtant so that it is possible to submit with empty input in other cases Boolean(confirmLabelDisabled) || // Disable if external validation is provided
} (inputValue === '' && value === undefined) // Disable if no initial value was not provided and the field is empty. The undefined check is improtant so that it is possible to submit with empty input in other cases
loading={loading} }
iconType={confirmIcon ?? Check} loading={loading}
onClick={() => { iconType={confirmIcon ?? Check}
if (onConfirm) onConfirm(inputValue) onClick={() => {
}} if (onConfirm) onConfirm(inputValue)
> }}
{confirmLabel || 'Save'} >
</SwarmButton> {confirmLabel || 'Save'}
<SwarmButton </SwarmButton>
disabled={loading || inputValue === value || inputValue === ''} <SwarmButton
iconType={X} disabled={loading || inputValue === value || inputValue === ''}
onClick={() => setInputValue(value || '')} iconType={X}
cancel onClick={() => setInputValue(value || '')}
> cancel
Cancel >
</SwarmButton> Cancel
</ExpandableListItemActions> </SwarmButton>
</ExpandableListItemActions>
</Box>
</Collapse> </Collapse>
</> </>
) )