{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\05mediaSocial\\\\client\\\\src\\\\components\\\\Post\\\\Card.js\",\n  _s = $RefreshSig$();\nimport React, { useState, useEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport FollowHandler from \"../profil/FollowHandler\";\nimport { dateParser, isEmpty } from \"../Utils\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst Card = _ref => {\n  _s();\n  let {\n    post\n  } = _ref;\n  // mettre un loading avant le chargement des posts :\n  const [isLoading, setIsLoading] = useState(true);\n  // s'appeler toutes la base de donné des utilistaeurs\n  const usersData = useSelector(state => state.usersReducer);\n  //data individuelle\n  const userData = useSelector(state => state.usersReducer);\n  const [isUpdated, setIsUpdated] = useState(false);\n  const [textUpdate, setTextUpdate] = useState(null);\n  const updateItem = async () => {};\n  useEffect(() => {\n    // si  isEmpty n'est pas vide alors setIsLoading a false\n    !isEmpty(usersData[0]) && setIsLoading(false);\n  }, [usersData]);\n  return /*#__PURE__*/_jsxDEV(\"li\", {\n    className: \"card-container\",\n    children: isLoading ?\n    /*#__PURE__*/\n    // si oui\n    _jsxDEV(\"i\", {\n      className: \"fas fa-spinner fa-spin\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 31,\n      columnNumber: 13\n    }, this)\n    // sinon\n    : /*#__PURE__*/_jsxDEV(_Fragment, {\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"card-left\",\n        children: /*#__PURE__*/_jsxDEV(\"img\", {\n          src: !isEmpty(usersData[0]) && usersData.map(user => {\n            if (user._id === post.posterId) return user.picture;else return null;\n          }).join(''),\n          alt: \"user-pic\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 36,\n          columnNumber: 18\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 35,\n        columnNumber: 16\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"card-right\",\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"card-header\",\n          children: [/*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"pseudo\",\n            children: [/*#__PURE__*/_jsxDEV(\"h3\", {\n              children: !isEmpty(usersData[0]) && usersData.map(user => {\n                if (user._id === post.posterId) return user.pseudo;\n              }).join('')\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 47,\n              columnNumber: 25\n            }, this), /*#__PURE__*/_jsxDEV(FollowHandler, {\n              idToFollow: post.posterId,\n              type: 'card'\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 56,\n              columnNumber: 25\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 46,\n            columnNumber: 21\n          }, this), /*#__PURE__*/_jsxDEV(\"span\", {\n            children: [\" \", dateParser(post.createdAt), \" \"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 59,\n            columnNumber: 21\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 45,\n          columnNumber: 18\n        }, this), isUpdated === false && /*#__PURE__*/_jsxDEV(\"p\", {\n          children: [post.message, \" \"]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 62,\n          columnNumber: 42\n        }, this), isUpdated && /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"update-post\",\n          children: [/*#__PURE__*/_jsxDEV(\"textarea\", {\n            defaultValue: post.message,\n            onChange: e => setTextUpdate(e.target.value)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 66,\n            columnNumber: 25\n          }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"button-container\",\n            children: /*#__PURE__*/_jsxDEV(\"button\", {\n              className: \"btn\",\n              onClick: updateItem,\n              children: \"valider modification\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 71,\n              columnNumber: 29\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 70,\n            columnNumber: 25\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 65,\n          columnNumber: 21\n        }, this), post.picture && /*#__PURE__*/_jsxDEV(\"img\", {\n          src: post.picture,\n          alt: \"picPerso\",\n          className: \"card-pic\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 79,\n          columnNumber: 35\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 44,\n        columnNumber: 16\n      }, this), post.video && /*#__PURE__*/_jsxDEV(\"iframe\", {\n        width: \"500\",\n        height: \"300\",\n        src: post.video,\n        frameBorder: \"0\",\n        allow: \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\n        allowFullScreen: true,\n        title: post._id\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 84,\n        columnNumber: 26\n      }, this), userData._id === post.posterid && /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"button-container\",\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          onClick: () => setIsUpdated(!isUpdated),\n          children: /*#__PURE__*/_jsxDEV(\"img\", {\n            src: \"./img/icons/edit.svg\",\n            alt: \"edit\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 99,\n            columnNumber: 19\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 97,\n          columnNumber: 17\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 96,\n        columnNumber: 15\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"card-footer\",\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"comment-icon\",\n          children: [/*#__PURE__*/_jsxDEV(\"img\", {\n            src: \"./img/icons/message1.svg\",\n            alt: \"commentIcon\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 107,\n            columnNumber: 21\n          }, this), /*#__PURE__*/_jsxDEV(\"span\", {\n            children: post.comments.lenght\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 108,\n            columnNumber: 21\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 106,\n          columnNumber: 17\n        }, this), /*#__PURE__*/_jsxDEV(\"h6\", {\n          children: \"like bouton\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 110,\n          columnNumber: 17\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 105,\n        columnNumber: 16\n      }, this)]\n    }, void 0, true)\n  }, post._id, false, {\n    fileName: _jsxFileName,\n    lineNumber: 27,\n    columnNumber: 7\n  }, this);\n};\n_s(Card, \"Kese4VOoLthAeBJRjpgQZQkpMdo=\", false, function () {\n  return [useSelector, useSelector];\n});\n_c = Card;\nexport default Card;\nvar _c;\n$RefreshReg$(_c, \"Card\");","map":{"version":3,"names":["React","useState","useEffect","useSelector","FollowHandler","dateParser","isEmpty","Card","post","isLoading","setIsLoading","usersData","state","usersReducer","userData","isUpdated","setIsUpdated","textUpdate","setTextUpdate","updateItem","map","user","_id","posterId","picture","join","pseudo","createdAt","message","e","target","value","video","posterid","comments","lenght"],"sources":["C:/Users/user/Desktop/05mediaSocial/client/src/components/Post/Card.js"],"sourcesContent":["import React,{useState,useEffect} from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport FollowHandler from \"../profil/FollowHandler\";\r\nimport { dateParser, isEmpty } from \"../Utils\";\r\n\r\n\r\n\r\nconst Card=({post})=>{\r\n    // mettre un loading avant le chargement des posts :\r\n    const [isLoading,setIsLoading]= useState(true);\r\n    // s'appeler toutes la base de donné des utilistaeurs\r\n    const usersData=useSelector((state)=>state.usersReducer)\r\n    //data individuelle\r\n    const userData=useSelector((state)=>state.usersReducer)\r\n    const [isUpdated,setIsUpdated]=useState(false);\r\n    const [textUpdate,setTextUpdate]=useState(null)\r\n\r\n    const updateItem =async()=>{\r\n\r\n    }\r\n\r\n    useEffect(()=>{\r\n        // si  isEmpty n'est pas vide alors setIsLoading a false\r\n    ! isEmpty(usersData[0]) && setIsLoading(false)\r\n    },[usersData])\r\n    return(\r\n      <li className=\"card-container\" key={post._id}>\r\n        {/* isLoading est il sur true ? */}\r\n        {isLoading ? (\r\n            // si oui\r\n            <i className=\"fas fa-spinner fa-spin\"></i>\r\n            // sinon\r\n        ) : (\r\n            <>\r\n               <div className=\"card-left\">\r\n                 < img src={ \r\n                    ! isEmpty(usersData[0]) && usersData.map((user)=>{\r\n                        if (user._id === post.posterId) return user.picture;\r\n                       else return null\r\n                    }).join('')\r\n                  }\r\n                   alt=\"user-pic\"/> \r\n               </div>\r\n               <div className=\"card-right\">\r\n                 <div className=\"card-header\">\r\n                    <div className=\"pseudo\">\r\n                        <h3>\r\n                            {\r\n                    ! isEmpty(usersData[0]) && usersData.map((user)=>{\r\n                    if (user._id === post.posterId) return user.pseudo;\r\n                }).join('')\r\n                        }\r\n                        </h3>\r\n                        {/* {post.posterId !== userData._id && ( */}\r\n\r\n                        <FollowHandler idToFollow={post.posterId} type={'card'} />\r\n                          {/* ) }  */}\r\n                    </div>\r\n                    <span> {dateParser(post.createdAt)} </span>\r\n\r\n                 </div>\r\n                 {isUpdated === false && <p>{post.message} </p>}\r\n                 {/* si sur true */}\r\n                 {isUpdated  && (\r\n                    <div className=\"update-post\">\r\n                        <textarea\r\n                        defaultValue={post.message}\r\n                        onChange={(e)=>setTextUpdate(e.target.value)}\r\n                        />\r\n                        <div className=\"button-container\">\r\n                            <button className=\"btn\" onClick={updateItem}>\r\n                                valider modification\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                 ) }\r\n                 \r\n                 {/* si post.picture existe tu affiche... */}\r\n                 {post.picture && <img src= {post.picture} alt=\"picPerso\" className=\"card-pic\"/>}\r\n               </div>\r\n               {/* si video existe alors... */}\r\n               { post.video && (\r\n\r\n                         <iframe\r\n                         width=\"500\"\r\n                         height=\"300\"\r\n                         src={post.video}\r\n                         frameBorder=\"0\"\r\n                         allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n                         allowFullScreen\r\n                         title={post._id}\r\n                         ></iframe>\r\n\r\n               )}\r\n             {userData._id === post.posterid && (\r\n              <div className=\"button-container\">\r\n                <div onClick={() => setIsUpdated(! isUpdated)} >\r\n               \r\n                  <img src=\"./img/icons/edit.svg\" alt=\"edit\" />\r\n                </div>\r\n                {/* <DeleteCard id={post._id} /> */}\r\n              </div>\r\n            )}\r\n             \r\n               <div className=\"card-footer\">\r\n                <div className=\"comment-icon\">\r\n                    <img src=\"./img/icons/message1.svg\" alt=\"commentIcon\"/>\r\n                    <span>{post.comments.lenght}</span>\r\n                </div>\r\n                <h6>like bouton</h6>\r\n               </div>\r\n               </>\r\n        )}\r\n\r\n       \r\n      </li>\r\n      \r\n    )\r\n}\r\n\r\nexport default Card"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}