Fix: remove inline styles

This commit is contained in:
csrapr 2021-02-17 15:41:43 +00:00 committed by Josh Harvey
parent 5412a3a1fc
commit e723791916
2 changed files with 7 additions and 14 deletions

View file

@ -58,12 +58,12 @@ const NotificationCenter = ({
hasUnreadProp,
notifButtonCoords
}) => {
const classes = useStyles()
const { data, loading } = useQuery(GET_NOTIFICATIONS, {
pollInterval: 60000
})
const [showingUnread, setShowingUnread] = useState(false)
const [xOffset, setXOffset] = useState(0)
const classes = useStyles({ notifButtonCoords, xOffset })
const machines = R.compose(
R.map(R.prop('name')),
R.indexBy(R.prop('deviceId'))
@ -117,14 +117,7 @@ const NotificationCenter = ({
return (
<>
<button
onClick={close}
className={classes.notificationIcon}
style={{
position: 'absolute',
top: notifButtonCoords.y,
left: notifButtonCoords.x - xOffset
}}>
<button onClick={close} className={classes.notificationIcon}>
<NotificationIconZodiac />
{hasUnread && <div className={classes.hasUnread} />}
</button>