hooks usePanelState.tsx

90% Statements 9/10

50% Branches 1/2

75% Functions 3/4

100% Lines 8/8

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
13
14
15
16
17
18
19
20
21
22
23
24  
 
4x
241x
241x
241x
 
241x
40x
 
241x
 
241x
 
 
 
 
 
 
 
 
 
 
  import { useRef, useState } from "react";
 
const usePanelState = () => {
  const [open, setOpen] = useState<boolean>(false);
  const [showLatest, setShowLatest] = useState<boolean>(false);
  const sectionsRef = useRef<HTMLParagraphElement[]>([]);
 
  const toggleLatest = (newVal?: boolean) =>
    setShowLatest(newVal !== undefined ? newVal : (prev) => !prev);
 
  const closeModal = () => setOpen(false);
 
  return {
    open,
    closeModal,
    setOpen,
    toggleLatest,
    showLatest,
    sectionsRef,
  };
};
 
export default usePanelState;