diff --git a/new-lamassu-admin/src/pages/Customers/components/Upload.js b/new-lamassu-admin/src/pages/Customers/components/Upload.js index e69de29b..33f52abd 100644 --- a/new-lamassu-admin/src/pages/Customers/components/Upload.js +++ b/new-lamassu-admin/src/pages/Customers/components/Upload.js @@ -0,0 +1,32 @@ +import { makeStyles } from '@material-ui/core/styles' +import { useFormikContext } from 'formik' + +const useStyles = makeStyles({ + input: { + width: 200 + } +}) + +const Upload = ({ type }) => { + const classes = useStyles() + const { values } = useFormikContext() + console.log(values) + + return ( + <> +
+ { + console.log(values) + }} + className={classes.input} + /> +
+
+ + ) +} + +export default Upload diff --git a/new-lamassu-admin/src/pages/Customers/components/index.js b/new-lamassu-admin/src/pages/Customers/components/index.js index 721c42f0..5e52dd81 100644 --- a/new-lamassu-admin/src/pages/Customers/components/index.js +++ b/new-lamassu-admin/src/pages/Customers/components/index.js @@ -6,6 +6,7 @@ import EditableCard from './EditableCard' import Field from './Field' import IdDataCard from './IdDataCard' import TransactionsList from './TransactionsList' +import Upload from './Upload' export { CustomerDetails, @@ -14,5 +15,6 @@ export { CustomerSidebar, Field, EditableCard, - Wizard + Wizard, + Upload } diff --git a/new-lamassu-admin/src/pages/Customers/helper.js b/new-lamassu-admin/src/pages/Customers/helper.js index 4731c1d0..18357027 100644 --- a/new-lamassu-admin/src/pages/Customers/helper.js +++ b/new-lamassu-admin/src/pages/Customers/helper.js @@ -9,11 +9,9 @@ import { RadioGroup, TextInput } from 'src/components/inputs/formik' import { H4 } from 'src/components/typography' import { errorColor } from 'src/styling/variables' +import { Upload } from './components' + const useStyles = makeStyles({ - radioLabel: { - height: 40, - padding: [[0, 10]] - }, radio: { padding: 4, margin: 4 @@ -25,55 +23,17 @@ const useStyles = makeStyles({ color: errorColor }, specialLabel: { + height: 40, + padding: 0, + width: 250 + }, + label: { height: 40, padding: 0 }, specialGrid: { display: 'grid', gridTemplateColumns: [[182, 162, 141]] - }, - directionIcon: { - marginRight: 2 - }, - directionName: { - marginLeft: 6 - }, - thresholdWrapper: { - display: 'flex', - flexDirection: 'column' - }, - thresholdTitle: { - marginTop: 50 - }, - thresholdContentWrapper: { - display: 'flex', - flexDirection: 'row' - }, - thresholdField: { - marginRight: 6, - width: 75 - }, - description: { - marginTop: 7 - }, - space: { - marginLeft: 6, - marginRight: 6 - }, - lastSpace: { - marginLeft: 6 - }, - suspensionDays: { - width: 34 - }, - input: { - marginTop: -2 - }, - limitedInput: { - width: 50 - }, - daysInput: { - width: 60 } }) @@ -180,7 +140,7 @@ const EntryType = () => { component={RadioGroup} name="dataType" options={dataOptions} - labelClassName={classes.specialLabel} + labelClassName={classes.label} radioClassName={classes.radio} className={classnames(classes.radioGroup, classes.specialGrid)} /> @@ -195,7 +155,7 @@ const EntryType = () => { component={RadioGroup} name="requirement" options={requirementOptions} - labelClassName={classes.specialLabel} + labelClassName={classes.label} radioClassName={classes.radio} className={classnames(classes.radioGroup, classes.specialGrid)} /> @@ -217,7 +177,7 @@ const CustomData = ({ selectedValues }) => { {customElements[dataTypeSelected].options.map(({ display, code }) => ( ))} - {upload &&

{'OI'}

} + {upload && } ) }