diff --git a/src/components/User.js b/src/components/User.js index 131b48e..e965f44 100644 --- a/src/components/User.js +++ b/src/components/User.js @@ -1,5 +1,5 @@ -import { useHistory } from "react-router-dom"; import { useTheme, makeStyles } from "@material-ui/core/styles"; +import Security from "@material-ui/icons/Security"; import WhatshotIcon from "@material-ui/icons/Whatshot"; import useFirebaseRef from "../hooks/useFirebaseRef"; @@ -7,12 +7,6 @@ import useStats from "../hooks/useStats"; import { colors } from "../util"; const useStyles = makeStyles((theme) => ({ - patronIcon: { - cursor: "pointer", - "&:hover": { - filter: `drop-shadow(0.1rem 0rem 0.2rem)`, - }, - }, rating: { display: "inline-block", width: "3em", @@ -35,7 +29,6 @@ function User({ ...other }) { const theme = useTheme(); - const history = useHistory(); const classes = useStyles(); const [user, loading] = useFirebaseRef(`users/${id}`); @@ -45,11 +38,6 @@ function User({ return null; } - const handleClick = (e) => { - e.preventDefault(); - history.push("/donate"); - }; - const Component = component || "span"; const userEl = ( )} - {(user.patron || forcePatron) && ( - + ) : ( + (user.patron || forcePatron) && ( + + ) )} {user.name}