feat: added end-to-end encryption

1 files changed, 25 insertions, 0 deletions

diff --git a/client/src/components/Modal/Modal.jsx b/client/src/components/Modal/Modal.jsx
new file mode 100644
index 0000000..54c816e
--- /dev/null
+++ b/client/src/components/Modal/Modal.jsx
@@ -0,0 +1,25 @@
+import React from "react";
+import styles from "./Modal.module.css";
+
+const Modal = ({ openModal, setOpenModal, onSuccessClick, onCancelClick }) => {
+  return (
+    <div className={`${styles.background} ${openModal && styles.active}`}>
+      <div className={styles.container}>
+        <button
+          className={styles.container__close}
+          onClick={() => setOpenModal(false)}
+        >
+          <img src="assets/icons/ic_close.png" className={styles.close__img} />
+        </button>
+        <p className={styles.container__title}>Encrypt content?</p>
+        <div className={styles.container__actions}>
+          <button onClick={onSuccessClick}>Yes</button>
+          <button onClick={onCancelClick}>No</button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Modal;
+