{"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\";\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.useReducer);\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(\"h2\", {\n      children: \"test\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 26,\n      columnNumber: 13\n    }, this)\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","useReducer","userData","usesrReducer","_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.useReducer)\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            <h2>test</h2>\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;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,UAAU,CAAC;EACtD;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,UAAI;IAAI;MAAA;MAAA;MAAA;IAAA;EACX,GARiCD,IAAI,CAACQ,GAAG;IAAA;IAAA;IAAA;EAAA,QAWvC;AAGX,CAAC;AAAA,GA3BKT,IAAI;EAAA,QAIUF,WAAW,EAEZA,WAAW;AAAA;AAAA,KANxBE,IAAI;AA6BV,eAAeA,IAAI;AAAA;AAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}