{"ast":null,"code":"import _slicedToArray from\"C:/Users/user/Desktop/05mediaSocial/client/node_modules/@babel/runtime/helpers/esm/slicedToArray.js\";import React,{useState}from\"react\";import SignInForm from\"./SignInForm\";import SignUpForm from\"./SignUpForm\";import{jsx as _jsx}from\"react/jsx-runtime\";import{jsxs as _jsxs}from\"react/jsx-runtime\";var Log=function Log(props){// voir profil.js les proprs reglé a false ou true \nvar _useState=useState(props.signup),_useState2=_slicedToArray(_useState,2),signUpModal=_useState2[0],setSignUpModal=_useState2[1];var _useState3=useState(props.signin),_useState4=_slicedToArray(_useState3,2),signInModal=_useState4[0],setSignInModal=_useState4[1];// on se recupère evenement de ce qui a étét cliqué (e)\nvar handleModals=function handleModals(e){// si e cible est register\nif(e.target.id===\"register\"){setSignInModal(false);setSignUpModal(true);}else if(e.target.id==='login'){setSignInModal(true);setSignUpModal(false);}};return/*#__PURE__*/_jsx(\"div\",{className:\"connection-form\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"form-container\",children:[/*#__PURE__*/_jsxs(\"ul\",{children:[/*#__PURE__*/_jsx(\"li\",{onClick:handleModals,id:\"register\"// si sugnUpModal est sur true alors tu injecte la class active_btn sinon null\n,className:signUpModal?\"active-btn\":null,children:\"s'inscrire\"}),/*#__PURE__*/_jsx(\"li\",{onClick:handleModals,id:\"login\",className:signInModal?\"active-btn\":null,children:\"se connecter\"})]}),signUpModal&&/*#__PURE__*/_jsx(SignUpForm,{}),signInModal&&/*#__PURE__*/_jsx(SignInForm,{})]})});};export default Log;","map":{"version":3,"names":["React","useState","SignInForm","SignUpForm","Log","props","signup","signUpModal","setSignUpModal","signin","signInModal","setSignInModal","handleModals","e","target","id"],"sources":["C:/Users/user/Desktop/05mediaSocial/client/src/components/log/index.js"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport SignInForm from \"./SignInForm\";\r\nimport SignUpForm from \"./SignUpForm\";\r\n\r\n\r\n\r\nconst Log=(props)=>{\r\n    // voir profil.js les proprs reglé a false ou true \r\n    const [signUpModal,setSignUpModal]=useState(props.signup);\r\n    const [signInModal,setSignInModal]=useState(props.signin);\r\n    \r\n\r\n// on se recupère evenement de ce qui a étét cliqué (e)\r\n    const handleModals=(e)=>{\r\n        // si e cible est register\r\n        if(e.target.id === \"register\"){\r\n            setSignInModal(false);\r\n            setSignUpModal(true);\r\n        }else if (e.target.id==='login') {\r\n            setSignInModal(true);\r\n            setSignUpModal(false);\r\n        }\r\n    }\r\n\r\n\r\n    return(\r\n<div className=\"connection-form\">\r\n    <div className=\"form-container\">\r\n        <ul>\r\n            {/* au click tu me lance la fonction handleModals */}\r\n            <li onClick={handleModals} id='register' \r\n            // si sugnUpModal est sur true alors tu injecte la class active_btn sinon null\r\n            className={signUpModal ? \"active-btn\":null}\r\n            >\r\n                s'inscrire\r\n                </li>\r\n            <li onClick={handleModals} id='login'className={signInModal ? \"active-btn\":null} >se connecter</li>\r\n        </ul>\r\n        {/* si tu signeUpModal est sur true alors tu m'achiche SignUpForm */}\r\n        {signUpModal && <SignUpForm/>}\r\n        {/* si tu signeInModal est sur true alors tu m'achiche SignInForm */}\r\n        {signInModal && <SignInForm/>}\r\n\r\n\r\n    </div>\r\n\r\n\r\n</div>\r\n    );\r\n}\r\nexport default Log"],"mappings":"gIAAA,MAAOA,MAAK,EAAIC,QAAQ,KAAQ,OAAO,CACvC,MAAOC,WAAU,KAAM,cAAc,CACrC,MAAOC,WAAU,KAAM,cAAc,CAAC,wFAItC,GAAMC,IAAG,CAAC,QAAJA,IAAG,CAAEC,KAAK,CAAG,CACf;AACA,cAAmCJ,QAAQ,CAACI,KAAK,CAACC,MAAM,CAAC,wCAAlDC,WAAW,eAACC,cAAc,eACjC,eAAmCP,QAAQ,CAACI,KAAK,CAACI,MAAM,CAAC,yCAAlDC,WAAW,eAACC,cAAc,eAGrC;AACI,GAAMC,aAAY,CAAC,QAAbA,aAAY,CAAEC,CAAC,CAAG,CACpB;AACA,GAAGA,CAAC,CAACC,MAAM,CAACC,EAAE,GAAK,UAAU,CAAC,CAC1BJ,cAAc,CAAC,KAAK,CAAC,CACrBH,cAAc,CAAC,IAAI,CAAC,CACxB,CAAC,IAAK,IAAIK,CAAC,CAACC,MAAM,CAACC,EAAE,GAAG,OAAO,CAAE,CAC7BJ,cAAc,CAAC,IAAI,CAAC,CACpBH,cAAc,CAAC,KAAK,CAAC,CACzB,CACJ,CAAC,CAGD,mBACJ,YAAK,SAAS,CAAC,iBAAiB,uBAC5B,aAAK,SAAS,CAAC,gBAAgB,wBAC3B,mCAEI,WAAI,OAAO,CAAEI,YAAa,CAAC,EAAE,CAAC,UAC9B;AAAA,CACA,SAAS,CAAEL,WAAW,CAAG,YAAY,CAAC,IAAK,UAC1C,YAEG,EAAK,cACT,WAAI,OAAO,CAAEK,YAAa,CAAC,EAAE,CAAC,OAAO,UAAS,CAAEF,WAAW,CAAG,YAAY,CAAC,IAAK,UAAE,cAAY,EAAK,GAClG,CAEJH,WAAW,eAAI,KAAC,UAAU,IAAE,CAE5BG,WAAW,eAAI,KAAC,UAAU,IAAE,GAG3B,EAGJ,CAEN,CAAC,CACD,cAAeN,IAAG"},"metadata":{},"sourceType":"module","externalDependencies":[]}