contentoh-components-library 21.3.60 → 21.3.61

package/src/components/organisms/SideModal/index.js

@@ -1,41 +0,0 @@
-import { useRef } from "react";
-import { Container } from "./styles";
-import { useEffect } from "react";
-
-export const SideModal = ({
-  header,
-  body,
-  footer,
-  show,
-  setShow,
-  id = "side-modal",
-}) => {
-  const modal = useRef();
-
-  const closeModal = (e) => {
-    if (!e.target.closest(`#${id}`) && show) {
-      document.removeEventListener("click", closeModal, false);
-      modal?.current?.classList?.remove("shown");
-      setShow && setShow(false);
-    }
-  };
-
-  useEffect(() => {
-    if (show && modal.current) {
-      document.addEventListener("click", closeModal, false);
-      modal?.current?.classList?.add("shown");
-    }
-  }, [show]);
-
-  return (
-    show && (
-      <Container>
-        <div id={id} ref={modal} className="modal-container">
-          <div className="modal-header">{header}</div>
-          <div className="modal-body">{body}</div>
-          <div className="modal-footer">{footer}</div>
-        </div>
-      </Container>
-    )
-  );
-};

package/src/components/organisms/SideModal/styles.js

@@ -1,21 +0,0 @@
-import styled from "styled-components";
-
-export const Container = styled.div`
-  width: 100vw;
-  height: 100vh;
-  position: fixed;
-  z-index: 9999999;
-  background-color: transparent;
-
-  .modal-container {
-    width: 600px;
-    height: 100%;
-    position: absolute;
-    right: -600px;
-    background-color: #fff;
-
-    &.shown {
-      right: 0;
-    }
-  }
-`;