{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\05mediaSocial\\\\client\\\\src\\\\components\\\\Post\\\\EditDeleteComment.js\",\n  _s = $RefreshSig$();\nimport React, { useContext, useEffect, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { deleteComment, editComment } from \"../../actions/post.actions\";\nimport { UidContext } from \"../AppContext\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst EditDeleteComment = _ref => {\n  _s();\n  let {\n    comment,\n    postId\n  } = _ref;\n  const [isAuthor, setIsAuthor] = useState(false);\n  const [edit, setEdit] = useState(false);\n  const [text, setText] = useState(\"\");\n  const uid = useContext(UidContext);\n  const dispatch = useDispatch();\n  const handleEdit = e => {\n    e.preventDefault();\n    if (text) {\n      dispatch(editComment(postId, comment._id, text));\n      setText(\"\");\n      setEdit(false);\n    }\n  };\n  const handleDelete = () => dispatch(deleteComment(postId, comment._id));\n  useEffect(() => {\n    const checkAuthor = () => {\n      if (uid === comment.commenterId) {\n        setIsAuthor(true);\n      }\n    };\n    checkAuthor();\n  }, [uid, comment.commenterId]);\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"edit-comment\",\n    children: [isAuthor && edit === false && /*#__PURE__*/_jsxDEV(\"span\", {\n      onClick: () => setEdit(!edit),\n      children: /*#__PURE__*/_jsxDEV(\"img\", {\n        src: \"./img/icons/edit.svg\",\n        alt: \"edit-comment\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 38,\n        columnNumber: 11\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 37,\n      columnNumber: 9\n    }, this), isAuthor && edit && /*#__PURE__*/_jsxDEV(\"form\", {\n      action: \"\",\n      onSubmit: handleEdit,\n      className: \"edit-comment-form\",\n      children: [/*#__PURE__*/_jsxDEV(\"label\", {\n        htmlFor: \"text\",\n        onClick: () => setEdit(!edit),\n        children: \"Editer\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 43,\n        columnNumber: 11\n      }, this), /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 46,\n        columnNumber: 11\n      }, this), /*#__PURE__*/_jsxDEV(\"input\", {\n        type: \"text\",\n        name: \"text\",\n        onChange: e => setText(e.target.value),\n        defaultValue: comment.text\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 47,\n        columnNumber: 11\n      }, this), /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 53,\n        columnNumber: 11\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"btn\",\n        children: [/*#__PURE__*/_jsxDEV(\"span\", {\n          onClick: () => {\n            if (window.confirm(\"Voulez-vous supprimer ce commentaire ?\")) {\n              handleDelete();\n            }\n          },\n          children: /*#__PURE__*/_jsxDEV(\"img\", {\n            src: \"./img/icons/trash.svg\",\n            alt: \"delete\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 62,\n            columnNumber: 15\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 55,\n          columnNumber: 13\n        }, this), /*#__PURE__*/_jsxDEV(\"input\", {\n          type: \"submit\",\n          value: \"Valider modification\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 64,\n          columnNumber: 13\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 54,\n        columnNumber: 11\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 42,\n      columnNumber: 9\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 35,\n    columnNumber: 5\n  }, this);\n};\n_s(EditDeleteComment, \"4Ms2KPmqW/9NnkFNwi3+HcUFyoA=\", false, function () {\n  return [useDispatch];\n});\n_c = EditDeleteComment;\nexport default EditDeleteComment;\nvar _c;\n$RefreshReg$(_c, \"EditDeleteComment\");","map":{"version":3,"names":["React","useContext","useEffect","useState","useDispatch","deleteComment","editComment","UidContext","EditDeleteComment","comment","postId","isAuthor","setIsAuthor","edit","setEdit","text","setText","uid","dispatch","handleEdit","e","preventDefault","_id","handleDelete","checkAuthor","commenterId","target","value","window","confirm"],"sources":["C:/Users/user/Desktop/05mediaSocial/client/src/components/Post/EditDeleteComment.js"],"sourcesContent":["import React, { useContext, useEffect, useState } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { deleteComment, editComment } from \"../../actions/post.actions\";\r\nimport { UidContext } from \"../AppContext\";\r\n\r\nconst EditDeleteComment = ({ comment, postId }) => {\r\n  const [isAuthor, setIsAuthor] = useState(false);\r\n  const [edit, setEdit] = useState(false);\r\n  const [text, setText] = useState(\"\");\r\n  const uid = useContext(UidContext);\r\n  const dispatch = useDispatch();\r\n\r\n  const handleEdit = (e) => {\r\n    e.preventDefault();\r\n\r\n    if (text) {\r\n      dispatch(editComment(postId, comment._id, text));\r\n      setText(\"\");\r\n      setEdit(false);\r\n    }\r\n  };\r\n\r\n  const handleDelete = () => dispatch(deleteComment(postId, comment._id));\r\n\r\n  useEffect(() => {\r\n    const checkAuthor = () => {\r\n      if (uid === comment.commenterId) {\r\n        setIsAuthor(true);\r\n      }\r\n    };\r\n    checkAuthor();\r\n  }, [uid, comment.commenterId]);\r\n\r\n  return (\r\n    <div className=\"edit-comment\">\r\n      {isAuthor && edit === false && (\r\n        <span onClick={() => setEdit(!edit)}>\r\n          <img src=\"./img/icons/edit.svg\" alt=\"edit-comment\" />\r\n        </span>\r\n      )}\r\n      {isAuthor && edit && (\r\n        <form action=\"\" onSubmit={handleEdit} className=\"edit-comment-form\">\r\n          <label htmlFor=\"text\" onClick={() => setEdit(!edit)}>\r\n            Editer\r\n          </label>\r\n          <br />\r\n          <input\r\n            type=\"text\"\r\n            name=\"text\"\r\n            onChange={(e) => setText(e.target.value)}\r\n            defaultValue={comment.text}\r\n          />\r\n          <br />\r\n          <div className=\"btn\">\r\n            <span\r\n              onClick={() => {\r\n                if (window.confirm(\"Voulez-vous supprimer ce commentaire ?\")) {\r\n                  handleDelete();\r\n                }\r\n              }}\r\n            >\r\n              <img src=\"./img/icons/trash.svg\" alt=\"delete\" />\r\n            </span>\r\n            <input type=\"submit\" value=\"Valider modification\" />\r\n          </div>\r\n        </form>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default EditDeleteComment;\r\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}