diff --git a/src/components/SwarmButton.tsx b/src/components/SwarmButton.tsx index ee8c0c3..065fb18 100644 --- a/src/components/SwarmButton.tsx +++ b/src/components/SwarmButton.tsx @@ -10,6 +10,7 @@ interface Props { disabled?: boolean loading?: boolean cancel?: boolean + variant?: 'text' | 'contained' | 'outlined' } const useStyles = makeStyles(() => @@ -49,6 +50,7 @@ export function SwarmButton({ disabled, loading, cancel, + variant = 'contained', }: Props): ReactElement { const classes = useStyles() @@ -76,7 +78,7 @@ export function SwarmButton({ onClick() event.currentTarget.blur() }} - variant="contained" + variant={variant} startIcon={icon} disabled={disabled} > diff --git a/src/components/SwarmTextInput.tsx b/src/components/SwarmTextInput.tsx index 659aa3d..e321df4 100644 --- a/src/components/SwarmTextInput.tsx +++ b/src/components/SwarmTextInput.tsx @@ -9,6 +9,7 @@ interface Props { password?: boolean formik?: boolean optional?: boolean + defaultValue?: string onChange?: (event: ChangeEvent) => void } @@ -32,7 +33,15 @@ const useStyles = makeStyles((theme: Theme) => }), ) -export function SwarmTextInput({ name, label, password, optional, formik, onChange }: Props): ReactElement { +export function SwarmTextInput({ + name, + label, + password, + optional, + formik, + onChange, + defaultValue, +}: Props): ReactElement { const classes = useStyles() if (formik) { @@ -46,7 +55,7 @@ export function SwarmTextInput({ name, label, password, optional, formik, onChan fullWidth variant="filled" className={classes.field} - defaultValue="" + defaultValue={defaultValue || ''} InputProps={{ disableUnderline: true }} /> ) @@ -60,7 +69,7 @@ export function SwarmTextInput({ name, label, password, optional, formik, onChan fullWidth variant="filled" className={classes.field} - defaultValue="" + defaultValue={defaultValue || ''} onChange={onChange} InputProps={{ disableUnderline: true }} />