{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\pages\\\\home\\\\components\\\\04portefolio\\\\card\\\\card.js\",\n  _s = $RefreshSig$();\nimport React, { useEffect, useState } from \"react\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst CardPortfolio = () => {\n  _s();\n  const [projetData, setProjetData] = useState([]);\n  const [selectedType, setSelectedType] = useState(\"\"); // Ajouter l'état pour stocker le type sélectionné\n\n  useEffect(() => {\n    fetch(\"/portfolio.json\").then(response => response.json()).then(data => {\n      setProjetData(Object.values(data));\n    }).catch(error => console.error(\"erreur chargement des données\"));\n  }, []);\n\n  // Filtrer les projets en fonction du type sélectionné\n  const filteredProjets = selectedType === \"\" ? projetData // Si rien n'est sélectionné, afficher tous les projets\n  : projetData.filter(projet => projet.type === selectedType);\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: [/*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"check\",\n      children: [/*#__PURE__*/_jsxDEV(\"label\", {\n        children: [/*#__PURE__*/_jsxDEV(\"input\", {\n          type: \"checkbox\",\n          checked: selectedType === \"wordpress\",\n          onChange: () => setSelectedType(prevType => prevType === \"wordpress\" ? \"\" : \"wordpress\")\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 27,\n          columnNumber: 11\n        }, this), \"WordPress\"]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 26,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n        children: [/*#__PURE__*/_jsxDEV(\"input\", {\n          type: \"checkbox\",\n          checked: selectedType === \"php\",\n          onChange: () => setSelectedType(prevType => prevType === \"php\" ? \"\" : \"php\")\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 39,\n          columnNumber: 11\n        }, this), \"PHP\"]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 38,\n        columnNumber: 9\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 24,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"aa w-full flex flex-wrap items-center justify-center\",\n      children: filteredProjets.map((projet, index) => ({/* ... Votre code de rendu de projet ... */}))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 50,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true);\n};\n_s(CardPortfolio, \"VK9c6Gg0+Jkaq+ZhuGYQLC/vv0U=\");\n_c = CardPortfolio;\nexport default CardPortfolio;\nvar _c;\n$RefreshReg$(_c, \"CardPortfolio\");","map":{"version":3,"names":["React","useEffect","useState","jsxDEV","_jsxDEV","Fragment","_Fragment","CardPortfolio","_s","projetData","setProjetData","selectedType","setSelectedType","fetch","then","response","json","data","Object","values","catch","error","console","filteredProjets","filter","projet","type","children","className","checked","onChange","prevType","fileName","_jsxFileName","lineNumber","columnNumber","map","index","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/000newport/src/components/pages/home/components/04portefolio/card/card.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\n\r\nconst CardPortfolio = () => {\r\n  const [projetData, setProjetData] = useState([]);\r\n  const [selectedType, setSelectedType] = useState(\"\"); // Ajouter l'état pour stocker le type sélectionné\r\n\r\n  useEffect(() => {\r\n    fetch(\"/portfolio.json\")\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        setProjetData(Object.values(data));\r\n      })\r\n      .catch((error) => console.error(\"erreur chargement des données\"));\r\n  }, []);\r\n\r\n  // Filtrer les projets en fonction du type sélectionné\r\n  const filteredProjets =\r\n    selectedType === \"\"\r\n      ? projetData // Si rien n'est sélectionné, afficher tous les projets\r\n      : projetData.filter((projet) => projet.type === selectedType);\r\n\r\n  return (\r\n    <>\r\n      <div className=\"check\">\r\n        {/* Ajouter les checkboxes pour les types */}\r\n        <label>\r\n          <input\r\n            type=\"checkbox\"\r\n            checked={selectedType === \"wordpress\"}\r\n            onChange={() =>\r\n              setSelectedType((prevType) =>\r\n                prevType === \"wordpress\" ? \"\" : \"wordpress\"\r\n              )\r\n            }\r\n          />\r\n          WordPress\r\n        </label>\r\n        <label>\r\n          <input\r\n            type=\"checkbox\"\r\n            checked={selectedType === \"php\"}\r\n            onChange={() =>\r\n              setSelectedType((prevType) => (prevType === \"php\" ? \"\" : \"php\"))\r\n            }\r\n          />\r\n          PHP\r\n        </label>\r\n        {/* Ajouter plus de checkboxes pour d'autres types si nécessaire */}\r\n      </div>\r\n      <div className=\"aa w-full flex flex-wrap items-center justify-center\">\r\n        {/* Utiliser le tableau filtré en fonction du type sélectionné */}\r\n        {filteredProjets.map((projet, index) => (\r\n          {/* ... Votre code de rendu de projet ... */}\r\n        ))}\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default CardPortfolio;"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAEnD,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAAAC,EAAA;EAC1B,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGR,QAAQ,CAAC,EAAE,CAAC;EAChD,MAAM,CAACS,YAAY,EAAEC,eAAe,CAAC,GAAGV,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;;EAEtDD,SAAS,CAAC,MAAM;IACdY,KAAK,CAAC,iBAAiB,CAAC,CACrBC,IAAI,CAAEC,QAAQ,IAAKA,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CACnCF,IAAI,CAAEG,IAAI,IAAK;MACdP,aAAa,CAACQ,MAAM,CAACC,MAAM,CAACF,IAAI,CAAC,CAAC;IACpC,CAAC,CAAC,CACDG,KAAK,CAAEC,KAAK,IAAKC,OAAO,CAACD,KAAK,CAAC,+BAA+B,CAAC,CAAC;EACrE,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,MAAME,eAAe,GACnBZ,YAAY,KAAK,EAAE,GACfF,UAAU,CAAC;EAAA,EACXA,UAAU,CAACe,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,IAAI,KAAKf,YAAY,CAAC;EAEjE,oBACEP,OAAA,CAAAE,SAAA;IAAAqB,QAAA,gBACEvB,OAAA;MAAKwB,SAAS,EAAC,OAAO;MAAAD,QAAA,gBAEpBvB,OAAA;QAAAuB,QAAA,gBACEvB,OAAA;UACEsB,IAAI,EAAC,UAAU;UACfG,OAAO,EAAElB,YAAY,KAAK,WAAY;UACtCmB,QAAQ,EAAEA,CAAA,KACRlB,eAAe,CAAEmB,QAAQ,IACvBA,QAAQ,KAAK,WAAW,GAAG,EAAE,GAAG,WAClC;QACD;UAAAC,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OACF,CAAC,aAEJ;MAAA;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAO,CAAC,eACR/B,OAAA;QAAAuB,QAAA,gBACEvB,OAAA;UACEsB,IAAI,EAAC,UAAU;UACfG,OAAO,EAAElB,YAAY,KAAK,KAAM;UAChCmB,QAAQ,EAAEA,CAAA,KACRlB,eAAe,CAAEmB,QAAQ,IAAMA,QAAQ,KAAK,KAAK,GAAG,EAAE,GAAG,KAAM;QAChE;UAAAC,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OACF,CAAC,OAEJ;MAAA;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAO,CAAC;IAAA;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAEL,CAAC,eACN/B,OAAA;MAAKwB,SAAS,EAAC,sDAAsD;MAAAD,QAAA,EAElEJ,eAAe,CAACa,GAAG,CAAC,CAACX,MAAM,EAAEY,KAAK,MACjC,CAAC,4CAA4C,CAC9C;IAAC;MAAAL,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACC,CAAC;EAAA,eACN,CAAC;AAEP,CAAC;AAAC3B,EAAA,CAvDID,aAAa;AAAA+B,EAAA,GAAb/B,aAAa;AAyDnB,eAAeA,aAAa;AAAC,IAAA+B,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}