upd

2023-12-01 14:43:18 +05:00
parent b8cec033bb
commit edcd51599c
33 changed files with 2669 additions and 236 deletions
@@ -0,0 +1,23 @@
+import useModalStore from "../stores/useModalStore";
+
+function ModalContainer() {
+  const [modal, setModal] = useModalStore((state) => [
+    state.modal,
+    state.setModal,
+  ]);
+
+  if (modal) {
+    return (
+      <div
+        onClick={() => setModal(null)}
+        className={`min-h-screen p-8 absolute top-0 left-0 w-full flex justify-center items-center bg-black bg-opacity-30 overflow-auto cursor-pointer transition-opacity`}
+      >
+        <div onClick={(e) => e.stopPropagation()} className="cursor-default">
+          {modal}
+        </div>
+      </div>
+    );
+  }
+}
+
+export default ModalContainer;