refactor: add missing props to generic components (#325)

* refactor: add missing props to generic components

* fix: remove undefined from variant

Co-authored-by: Vojtech Simetka <vojtech@simetka.cz>

Co-authored-by: Vojtech Simetka <vojtech@simetka.cz>

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}
     >

src/components/SwarmTextInput.tsx

@@ -9,6 +9,7 @@ interface Props {
   password?: boolean
   formik?: boolean
   optional?: boolean
+  defaultValue?: string
   onChange?: (event: ChangeEvent<HTMLTextAreaElement>) => 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 }}
     />