message: hide csv upload prompt after selection
diff: @@ -119,6 +119,7 @@ export default function ImportCSV(props: any) {
  >
  <DialogTitle id="form-dialog-title">Import a CSV file</DialogTitle>
  <DialogContent>
  + {csvKeys.length === 0 ? (
  <div {...getRootProps()}>
  <input {...getInputProps()} />
  <Grid
  @@ -137,11 +138,10 @@ export default function ImportCSV(props: any) {
  <Button color="secondary">click to select a file</Button>
  </Grid>
  </div>
  -
  - {csvKeys.length !== 0 && (
  + ) : (
  <Grid container direction="column">
  {keyPairs.map((keyPair: any, index: number) => (
  - <Grid item className={classes.keyPair}>
  + <Grid item alignItems="center">
  <Typography>{keyPair.csvKey}</Typography>
  <ArrowIcon />
  <Typography>{keyPair.columnKey}</Typography>
  @@ -156,7 +156,7 @@ export default function ImportCSV(props: any) {
  </IconButton>
  </Grid>
  ))}
  - <Grid container direction="row" alignContent="center">
  + <Grid container direction="row" alignItems="center">
  <FormControl className={classes.formControl}>
  <InputLabel htmlFor="csv-keys">csv Fields</InputLabel>
  <Select
  