ccsync/frontend/src/components/HomeComponents/Tasks/UseTaskDialogFocusMap.tsx at 0288f4fcdbdbf097e57cd588bb291c7ac0ddea0c · Neeraj-gagat/ccsync · GitHub

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
38
39
40
41
42
import { UseTaskDialogFocusMapProps } from '@/components/utils/types';
import React from 'react';

export function useTaskDialogFocusMap<F extends readonly string[]>({
  fields,
  inputRefs,
}: UseTaskDialogFocusMapProps<F>) {
  return React.useCallback(
    (field: F[number]) => {
      const element = inputRefs.current[field];
      if (!element) return;

      element.focus();

      if (
        field === 'due' ||
        field === 'start' ||
        field === 'end' ||
        field === 'wait' ||
        field === 'entry'
      ) {
        element.click();
      }
    },
    [fields, inputRefs]
  );
}

export function useAddTaskDialogFocusMap<F extends readonly string[]>({
  fields,
  inputRefs,
}: UseTaskDialogFocusMapProps<F>) {
  return React.useCallback(
    (field: F[number]) => {
      const element = inputRefs.current[field];
      if (!element) return;

      element.focus();
    },
    [fields, inputRefs]
  );
}