weseek__growi/apps/app/src/client/components/Hotkeys/Subscribers/ShowShortcutsModal.tsx

import { useEffect } from 'react';

import {
  useShortcutsModalActions,
  useShortcutsModalStatus,
} from '~/states/ui/modal/shortcuts';

type Props = {
  onDeleteRender: () => void;
};

const ShowShortcutsModal = ({ onDeleteRender }: Props): null => {
  const status = useShortcutsModalStatus();
  const { open } = useShortcutsModalActions();

  useEffect(() => {
    if (status == null) {
      return;
    }

    if (!status.isOpened) {
      open();
      onDeleteRender();
    }
  }, [onDeleteRender, open, status]);

  return null;
};

export { ShowShortcutsModal };