Custom hooks implementing modals

modals.js

import React, { useState } from 'react';
import TrackingModalContainer from '@containers/TrackingModal/TrackingModal';
import RevisionModalContainer from '@containers/RevisionModal/RevisionModal';

export const useTrackingModal = () => {
  const [newStatus, setNewStatus] = useState(null);
  const [isTrackingModalOpen, setTrackingModalOpen] = useState(false);
  const [trackingLead, setTrackingLead] = useState(null);

  const handleLeadStatusChange = (lead, value) => {
    setTrackingLead(lead);
    setNewStatus(value);
    setTrackingModalOpen(!isTrackingModalOpen);
  };

  return [
    handleLeadStatusChange,
    trackingLead ? (
      <TrackingModalContainer
        onToggle={() => { setTrackingModalOpen(); }}
        isOpen={isTrackingModalOpen}
        lead={trackingLead}
        selectValue={newStatus}
      />
    ) : null,
  ];
};

export const useRevisionModal = () => {
  const [isRevisionModalOpen, setRevisionModalOpen] = useState(false);
  const [leadInRevision, setLeadInRevision] = useState(null);

  const handleRevisionRequest = (lead) => {
    setLeadInRevision(lead);
    setRevisionModalOpen(!isRevisionModalOpen);
  };

  return [
    handleRevisionRequest,
    leadInRevision ? (
      <RevisionModalContainer
        onToggle={() => { setRevisionModalOpen(); }}
        isOpen={isRevisionModalOpen}
        lead={leadInRevision}
      />
    ) : null,
  ];
};