{"version":3,"sources":["webpack:///./src/pages/PositionDetail/PositionDetail.js"],"names":["props","useState","position","setPosition","useEffect","sub","positions","a","ContentService","take","className","xs","sm","lg","xl","key","index","d","dangerouslySetInnerHTML","__html","value","target","to","color","size"],"mappings":"qHAAA,gIAqEA,UA9DuB,SAAAA,GAAU,IAAD,MACEC,mBADF,MACvBC,EADuB,KACbC,EADa,KAkB9B,OAfAC,qBAAU,WAAO,IAAD,EACRC,EAAM,kCAA4C,SAAAC,GACtDH,EAAYG,aAAD,EAACA,EAAA,MAAgB,SAAAC,GAAC,OAAIA,OAASP,EAAb,UAQ/B,OANA,KAAI,sEACFQ,iCAEQC,YAFRD,gBAKK,WACLH,mBAED,CAACL,EAbJI,KAgBE,6BAASM,UAAU,0BAChBR,EACC,uBAAWQ,UAAU,aACnB,uBAAKA,UAAU,sCACb,uBAAKC,GAAL,GAAaC,GAAb,GAAqBC,GAArB,GAA6BC,GAAI,GAC/B,wBAAIJ,UAAU,mBACXR,aADH,EACGA,EAHP,qBAME,uBAAKS,GAAL,GAAaC,GAAb,GAAqBC,GAArB,GAA6BC,GAAI,GAC/B,wBAAIJ,UAAU,gBAAgBR,aAA9B,EAA8BA,EAPlC,OASE,uBAAKS,GAAL,GAAaC,GAAb,GAAqBC,GAArB,GAA6BC,GAAI,GAC9BZ,SADH,UACGA,EADH,wCACG,EADH,mCACG,OAA+C,qBAC9C,8BAAUa,IAAKC,GACb,4BAAKC,EADP,MAEE,yBACEP,UADF,uBAEEQ,wBAAyB,CAAEC,OAAQF,EAAEG,cAK7C,uBAAKT,GAAL,GAAaC,GAAb,GAAqBC,GAArB,GAA6BC,GAA7B,EAAoCJ,UAAU,aAC5C,yBAAKA,UAAU,UACb,uBACEW,OADF,SAEEC,GAAE,0CAA2CpB,aAA3C,EAA2CA,EAA3C,yBAEF,uBAAQqB,MAAR,OAAqBC,KAAK,MA5B7B,uBAFb","file":"component---src-pages-position-detail-position-detail-js-a0308b1b6b3230d5f1e6.js","sourcesContent":["import React, { Fragment, useEffect, useState } from \"react\"\r\nimport { Container, Row, Col, Button } from \"reactstrap\"\r\nimport Link from \"@components/shared/Link/Link\"\r\nimport \"./PositionDetail.scss\"\r\nimport { take } from \"rxjs/operators\"\r\nimport { ContentService } from \"../../utils/content-service\"\r\n\r\nconst PositionDetail = props => {\r\n  const [position, setPosition] = useState(null)\r\n\r\n  useEffect(() => {\r\n    const sub = ContentService.instance.positions.subscribe(positions => {\r\n      setPosition(positions?.find(a => a.id === props.id))\r\n    })\r\n    if (ContentService.instance.positions.value?.length === 0) {\r\n      ContentService.instance\r\n        .getPositions()\r\n        .pipe(take(1))\r\n        .subscribe()\r\n    }\r\n    return () => {\r\n      sub.unsubscribe()\r\n    }\r\n  }, [props.id])\r\n\r\n  return (\r\n    <section className=\"position-detail d-flex\">\r\n      {position ? (\r\n        <Container className=\"my-5 py-5\">\r\n          <Row className=\"my-5 d-flex justify-content-center\">\r\n            <Col xs={11} sm={12} lg={10} xl={9}>\r\n              <h5 className=\"text-capitalize\">\r\n                {position?.recruitingCategory}\r\n              </h5>\r\n            </Col>\r\n            <Col xs={11} sm={12} lg={10} xl={9}>\r\n              <h2 className=\"dot dot-blue\">{position?.name}</h2>\r\n            </Col>\r\n            <Col xs={11} sm={12} lg={10} xl={9}>\r\n              {position?.jobDescriptions?.jobDescription?.map((d, index) => (\r\n                <Fragment key={index}>\r\n                  <h4>{d.name}</h4>\r\n                  <div\r\n                    className=\"position-detail-list\"\r\n                    dangerouslySetInnerHTML={{ __html: d.value }}\r\n                  ></div>\r\n                </Fragment>\r\n              ))}\r\n            </Col>\r\n            <Col xs={11} sm={12} lg={10} xl={9} className=\"my-3 py-3\">\r\n              <div className=\"m-auto\">\r\n                <Link\r\n                  target=\"_blank\"\r\n                  to={`https://iti-gmbh.jobs.personio.de/job/${position?.id}?display=de#apply`}\r\n                >\r\n                  <Button color=\"dark\" size=\"md\">\r\n                    Jetzt bewerben\r\n                  </Button>\r\n                </Link>\r\n\r\n              </div>\r\n            </Col>\r\n          </Row>\r\n        </Container>\r\n      ) : null}\r\n    </section>\r\n  )\r\n}\r\n\r\nexport default PositionDetail\r\n"],"sourceRoot":""}