LeadListWithRevisionModal

LeadListWithRevisionModal.js

import React, { useState } from 'react';

const LeadListWithRevisionModal = ({ leads }) => {
  const [isRevisionModalOpen, setRevisionModalOpen] = useState(false);
  const [leadInRevision, setLeadInRevision] = useState(null);

  const handleRevisionRequest = (lead) => {
    setLeadInRevision(lead);
    setRevisionModalOpen(!isRevisionModalOpen);
  };
  
  return (
    <>
      <LeadList
        leads={leads}
        onRevisionRequest={handleRevisionRequest}
      />
      {leadInRevision ? (
        <RevisionModal
          onToggle={() => { setRevisionModalOpen(!isRevisionModalOpen); }}
          isOpen={isRevisionModalOpen}
          lead={leadInRevision}
        />
      ) : null}
    </>
  );
};
export default LeadListWithRevisionModal;