@@ -2,27 +2,24 @@ import React from "react";
22import { makeStyles } from '@material-ui/core/styles' ;
33import Card from '@material-ui/core/Card' ;
44import CardActionArea from '@material-ui/core/CardActionArea' ;
5- import CardActions from '@material-ui/core/CardActions' ;
65import CardContent from '@material-ui/core/CardContent' ;
76import CardMedia from '@material-ui/core/CardMedia' ;
8- import Button from '@material-ui/core/Button' ;
97import Typography from '@material-ui/core/Typography' ;
108import blank from "./blank.png" ;
119
1210const useStyles = makeStyles ( {
1311 media : {
14- height : 80 ,
12+ height : 60 ,
1513 } ,
1614} ) ;
1715
18- const Theme = ( { title, description, color, selected, actionText , onAction} ) => {
16+ const Theme = ( { title, description, color, selected, onAction} ) => {
1917
2018 const classes = useStyles ( ) ;
21- const variant = selected ? "contained" : "text" ;
2219 const action = onAction ? onAction : null ;
2320
2421 return (
25- < Card >
22+ < Card raised = { ! selected } >
2623 < CardActionArea onClick = { action } >
2724 < CardMedia
2825 className = { classes . media }
@@ -39,11 +36,6 @@ const Theme = ({title, description, color, selected, actionText, onAction}) => {
3936 </ Typography >
4037 </ CardContent >
4138 </ CardActionArea >
42- < CardActions >
43- < Button size = "small" color = "primary" variant = { variant } disabled = { selected } onClick = { action } >
44- { actionText }
45- </ Button >
46- </ CardActions >
4739 </ Card >
4840 )
4941} ;
0 commit comments