resolve minor ui issues

2026-09-07 02:07:40 +02:00 · 2023-12-20 23:57:02 +05:30
parent 5170e4eee2
commit 74c9e21d55
6 changed files with 168 additions and 75 deletions
@@ -0,0 +1,53 @@
+import React from "react";
+import Modal from "react-bootstrap/Modal";
+import SelectSigners from "./SelectSigners";
+import AddUser from "./AddUser";
+
+const LinkUserModal = (props) => {
+  return (
+    <Modal show={props.isAddUser[props.uniqueId]}>
+      <Modal.Header
+        className={"bg-info"}
+        style={{
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center"
+        }}
+      >
+        <span style={{ color: "white" }}>Add/Choose Signer</span>
+        <span
+          style={{ color: "white", cursor: "pointer" }}
+          onClick={() => props.closePopup()}
+        >
+          X
+        </span>
+      </Modal.Header>
+      <Modal.Body>
+        <SelectSigners
+          details={props.handleAddUser}
+          closePopup={props.closePopup}
+        />
+        <div style={{ display: "flex", alignItems: "center", gap: 5 }}>
+          <span
+            style={{
+              height: 1,
+              width: "100%",
+              backgroundColor: "grey"
+            }}
+          ></span>
+          <span>OR</span>
+          <span
+            style={{
+              height: 1,
+              width: "100%",
+              backgroundColor: "grey"
+            }}
+          ></span>
+        </div>
+        <AddUser details={props.handleAddUser} closePopup={props.closePopup} />
+      </Modal.Body>
+    </Modal>
+  );
+};
+
+export default LinkUserModal;