components useToggleAnchorEl.ts

66.66% Statements 4/6

100% Branches 0/0

33.33% Functions 1/3

80% Lines 4/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12  
 
 
4x
4x
4x
 
 
 
4x
 
  import { useState, useCallback } from "react";
 
export function useToggleAnchorEl<T extends HTMLElement = HTMLElement>() {
  const [anchorEl, setAnchorEl] = useState<T | null>(null);
  const closeConv = useCallback(() => setAnchorEl(null), []);
  const openConv = useCallback((event: React.MouseEvent<T>) => {
    setAnchorEl(event.currentTarget);
  }, []);
 
  return { anchorEl, openConv, closeConv };
}