update WarnAlert

src/components/Common/WarnAlert/index.jsx

@@ -3,16 +3,14 @@ import "./warn-alert.css";
 import AlertIcon from "./warn-icon.png";
 
 function WarnAlert(props) {
+  const { x, y, title, content } = props;
   return (
-    <div className="warn-alert">
+    <div className="warn-alert" style={{ top: `${y}px`, left: `${x}px` }}>
       <h1 className="">
         <img src={AlertIcon} width={24} alt="icon" />
-        {props.title || "test"}
+        {title || "test"}
       </h1>
-      <p>
-        {props.content ||
-          "Lorem ipsum dolor sit amet consectetur."}
-      </p>
+      <p>{content || "Lorem ipsum dolor sit amet consectetur."}</p>
     </div>
   );
 }