{"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 { 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.usesrReducer);\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: 23,\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;\n          }).join('')\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 28,\n          columnNumber: 18\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 27,\n        columnNumber: 16\n      }, this)\n    }, void 0, false)\n  }, post._id, false, {\n    fileName: _jsxFileName,\n    lineNumber: 19,\n    columnNumber: 7\n  }, this);\n};\n_s(Card, \"s0Fw48Y3svg7OerLANA6vBUemPA=\", 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","isEmpty","Card","post","isLoading","setIsLoading","usersData","state","usersReducer","userData","usesrReducer","map","user","id","posterid","join","_id"],"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 { isEmpty } from \"../Utils\";\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.usesrReducer)\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;\r\n                    }).join('')\r\n                  }\r\n                  /> \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":";;AAAA,OAAOA,KAAK,IAAEC,QAAQ,EAACC,SAAS,QAAO,OAAO;AAC9C,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,OAAO,QAAQ,UAAU;AAAC;AAAA;AAGnC,MAAMC,IAAI,GAAC,QAAU;EAAA;EAAA,IAAT;IAACC;EAAI,CAAC;EACd;EACA,MAAM,CAACC,SAAS,EAACC,YAAY,CAAC,GAAEP,QAAQ,CAAC,IAAI,CAAC;EAC9C;EACA,MAAMQ,SAAS,GAACN,WAAW,CAAEO,KAAK,IAAGA,KAAK,CAACC,YAAY,CAAC;EACxD;EACA,MAAMC,QAAQ,GAACT,WAAW,CAAEO,KAAK,IAAGA,KAAK,CAACG,YAAY,CAAC;EAEvDX,SAAS,CAAC,MAAI;IACV;IACJ,CAAEE,OAAO,CAACK,SAAS,CAAC,CAAC,CAAC,CAAC,IAAID,YAAY,CAAC,KAAK,CAAC;EAC9C,CAAC,EAAC,CAACC,SAAS,CAAC,CAAC;EACd,oBACE;IAAI,SAAS,EAAC,gBAAgB;IAAA,UAE3BF,SAAS;IAAA;IACN;IACA;MAAG,SAAS,EAAC;IAAwB;MAAA;MAAA;MAAA;IAAA;IACrC;IAAA,eAEA;MAAA,uBACG;QAAK,SAAS,EAAC,WAAW;QAAA,uBACxB;UAAM,GAAG,EACN,CAAEH,OAAO,CAACK,SAAS,CAAC,CAAC,CAAC,CAAC,IAAIA,SAAS,CAACK,GAAG,CAAEC,IAAI,IAAG;YAC7C,IAAIA,IAAI,CAACC,EAAE,KAAGV,IAAI,CAACW,QAAQ,EAAE,OAAOF,IAAI;UAC5C,CAAC,CAAC,CAACG,IAAI,CAAC,EAAE;QACX;UAAA;UAAA;UAAA;QAAA;MACC;QAAA;QAAA;QAAA;MAAA;IACC;EAEZ,GAjBiCZ,IAAI,CAACa,GAAG;IAAA;IAAA;IAAA;EAAA,QAoBvC;AAGX,CAAC;AAAA,GApCKd,IAAI;EAAA,QAIUF,WAAW,EAEZA,WAAW;AAAA;AAAA,KANxBE,IAAI;AAsCV,eAAeA,IAAI;AAAA;AAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}