All files / src/pages/InviteTeam InviteUserOverlay.tsx

0% Statements 0/5
0% Branches 0/2
0% Functions 0/1
0% Lines 0/5

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                                                               
import React from "react";
import Overlay from "../../components/Overlay";
import styles from "./index.module.css";
 
const InviteUserOverlay = ({ isOpen, toggleOverlay }) => {
  return (
    <>
      {isOpen && (
        <Overlay close={toggleOverlay} visible={isOpen}>
          <div className={styles["actionOverlay"]}>
            <header className="text-gray-500">
              Share the current URL with your team members to invite them. They
              will be able to access the dashboard with the same permissions as
              you.
            </header>
 
            <div className={styles["actions"]}>
              <button
                className={styles["submitButton"]}
                onClick={toggleOverlay}>
                Ok
              </button>
            </div>
          </div>
        </Overlay>
      )}
    </>
  );
};
 
export default InviteUserOverlay;