PlaybookDescription index.tsx

0% Statements 0/16

0% Branches 0/8

0% Functions 0/2

0% Lines 0/14

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
25
26
27
28
29
30
31
32
33
34
35
36
37  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import useIsPrefetched from "../../hooks/playbooks/useIsPrefetched.ts";
import { useDispatch, useSelector } from "react-redux";
import {
  currentPlaybookSelector,
  playbookSelector,
  setCurrentPlaybookKey,
} from "../../store/features/playbook/playbookSlice.ts";
 
function PlaybookDescription() {
  const dispatch = useDispatch();
  const { isOnPlaybookPage } = useSelector(playbookSelector);
  const currentPlaybook = useSelector(currentPlaybookSelector);
  const isPrefetched = useIsPrefetched();
 
  Iif (!isOnPlaybookPage) return;
  Iif (isPrefetched && !currentPlaybook?.description) return;
 
  const handleDescription = (e: React.ChangeEvent<HTMLInputElement>) => {
    const value = e.target.value;
    dispatch(setCurrentPlaybookKey({ key: "description", value }));
  };
 
  return (
    <input
      className="font-normal text-xs p-1 w-[350px] rounded border border-transparent hover:border-gray-300 transition-all"
      placeholder={
        isPrefetched ? "Playbook Description goes here" : "+ Description..."
      }
      value={currentPlaybook?.description}
      onChange={handleDescription}
      disabled={isPrefetched !== "" ?? false}
    />
  );
}
 
export default PlaybookDescription;