Customizing Material UI Components

import { makeStyles } from '@material-ui/core/styles'
makeStyles declared outside of functional component
const classes = useStyles()
const dreamColor = (dream) => {
switch (dream.type) {
case 'positive':
return classes.positive
case 'neutral':
return classes.neutral
case 'nightmare':
return classes.nightmare
default:
return null
}
}
My DreamWave web app

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store