client/src/admin/hocs/WithHover.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

import React, {useContext} from 'react';
import Context from '../context';


const WithHover = ({ children, message, classes }) => {
  const { setHover } = useContext(Context);
  return (
    <div
      onMouseEnter={()=>setHover(message)}
      onMouseLeave={()=>setHover(null)}
      className={classes}
    >
      {children}
    </div>
  )
};

export default WithHover;