{"version":3,"sources":["webpack:///./src/images/mbb-logo-1-96x96.png","webpack:///./src/components/jobCard.js","webpack:///./src/data/jobs.js","webpack:///./src/pages/nannies/jobs.js"],"names":["module","exports","defaultImage","require","familyID","location","startDate","schedule","hours","pay","placementLength","nKids","familydescription","jobDescription","postedDate","useState","currentTab","setCurrentTab","getTabStyles","tab","JobDetails","className","icon","faCalendarDay","faCalendarAlt","faClock","faDollarSign","faHourglassStart","faChild","faMapMarkerAlt","FamilyDescription","JobDescription","src","alt","onClick","to","pageTitle","style","height","jobs","map","job","key"],"mappings":"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","file":"component---src-pages-nannies-jobs-js-36f69c37e1972c052821.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/mbb-logo-1-96x96-b18f116abaf71b76009bb940c9261516.png\";","import React, { useState } from \"react\";\nimport { Link } from \"gatsby\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faClock } from \"@fortawesome/free-solid-svg-icons\";\nimport \"../styles/styles.scss\";\nimport {\n  faCalendarAlt,\n  faCalendarDay,\n  faDollarSign,\n  faHourglassStart,\n  faChild,\n  faMapMarkerAlt,\n} from \"@fortawesome/free-solid-svg-icons\";\n\nconst defaultImage = require(\"@images/mbb-logo-1-96x96.png\");\n\nexport default ({\n  familyID,\n  location,\n  startDate,\n  schedule,\n  hours,\n  pay,\n  placementLength,\n  nKids,\n  familydescription,\n  jobDescription,\n  postedDate,\n}) => {\n  const [currentTab, setCurrentTab] = useState(0);\n  const getTabStyles = (tab) => {\n    if (currentTab === tab) {\n      return \"is-active\";\n    } else {\n      return \"\";\n    }\n  };\n  const JobDetails = (\n    <div>\n      <div>\n        <span className=\"icon is-small\">\n          <FontAwesomeIcon icon={faCalendarDay} />\n        </span>\n        <span className=\"has-text-weight-bold\"> Start Date:</span>\n      </div>\n\n      <div>{startDate}</div>\n      <br />\n      <div>\n        <span className=\"icon is-small\">\n          <FontAwesomeIcon icon={faCalendarAlt} />\n        </span>\n        <span className=\"has-text-weight-bold\"> Schedule:</span>\n      </div>\n      <div>{schedule}</div>\n      <br />\n      <div>\n        <span className=\"icon is-small\">\n          <FontAwesomeIcon icon={faClock} />\n        </span>\n        <span className=\"has-text-weight-bold\"> Hours:</span>\n      </div>\n      <div>{hours}</div>\n      <br />\n      <div>\n        <span className=\"icon is-small\">\n          <FontAwesomeIcon icon={faDollarSign} />\n        </span>\n        <span className=\"has-text-weight-bold\"> Pay Rate:</span>\n      </div>\n      <div>{pay}</div>\n      <br />\n      <div>\n        <span className=\"icon is-small\">\n          <FontAwesomeIcon icon={faHourglassStart} />\n        </span>\n        <span className=\"has-text-weight-bold\"> Placement Length:</span>\n      </div>\n      <div>{placementLength}</div>\n      <br />\n      <div>\n        <span className=\"icon is-small\">\n          <FontAwesomeIcon icon={faChild} />\n        </span>\n        <span className=\"has-text-weight-bold\"> Children:</span>\n        <span> {nKids}</span>\n      </div>\n      <br />\n      <div>\n        <span className=\"icon is-small\">\n          <FontAwesomeIcon icon={faMapMarkerAlt} />\n        </span>\n        <span className=\"has-text-weight-bold\"> Location:</span>\n      </div>\n      <div>{location}</div>\n    </div>\n  );\n  const FamilyDescription = (\n    <div>\n      <div className=\"has-text-weight-bold has-text-centered\">\n        About the Family\n      </div>\n      <div>{familydescription}</div>\n    </div>\n  );\n  const JobDescription = (\n    <div>\n      <div className=\"has-text-weight-bold has-text-centered\">\n        Position Details\n      </div>\n      <div>{jobDescription}</div>\n    </div>\n  );\n  return (\n    <div className=\"column is-6\">\n      <div className=\"card bm--card-equal-height\">\n        <div className=\"card-content\">\n          <div className=\"media\">\n            <div className=\"media-left\">\n              <figure className=\"image is-48x48\">\n                <img src={defaultImage} alt=\"Family image\" />\n              </figure>\n            </div>\n            <div className=\"media-content\">\n              <p className=\"title is-4\">Family #{familyID}</p>\n              <p className=\"subtitle is-6\">{location}</p>\n            </div>\n          </div>\n          <div className=\"tabs is-centered is-boxed\">\n            {/* <div className=\"tabs is-centered\"> */}\n            <ul>\n              <li className={getTabStyles(0)}>\n                <a onClick={() => setCurrentTab(0)}>Overview</a>\n              </li>\n              <li className={getTabStyles(1)}>\n                <a onClick={() => setCurrentTab(1)}>Family</a>\n              </li>\n              <li className={getTabStyles(2)}>\n                <a onClick={() => setCurrentTab(2)}>Details</a>\n              </li>\n            </ul>\n          </div>\n          <div className=\"content\">\n            <div>{currentTab == 0 && JobDetails}</div>\n            <div>{currentTab == 1 && FamilyDescription}</div>\n            <div>{currentTab == 2 && JobDescription}</div>\n            <br />\n            <div className=\"container has-text-centered job-card-details\">\n              <Link to={`/applications/nanny?familyID=${familyID}`}>\n                <button className=\"button is-fullwidth is-link\">Apply</button>\n              </Link>\n            </div>\n            <br />\n            <div>Posted {postedDate}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n","export default [  \n  {\n    familyID: \"3291\",\n    location: \"Boulder, CO\",\n    startDate: \"April 1st 2025\",\n    schedule: \"M-F 3pm-6pm\",\n    hours: \"15 hrs/week\",\n    pay: \"$28-30/hour\",\n    placementLength: \"Temporary until June 30th or Longterm depending on nanny preference\",\n    nKids: \"Infant girl and Preschool Age Girl\",\n    familydescription:\n      \"Family of 4, no pets\",\n    jobDescription: `Please email myboulderbabysitter@gmail.com for details`,\n    postedDate: \"Mar 10, 2025\"\n  }\n];\n","import React from \"react\";\nimport Layout from \"@components/layout/layout\";\nimport JobCard from \"@components/jobCard\";\nimport jobs from \"@data/jobs\";\nimport \"@styles/styles.scss\";\n\nexport default () => {\n  return (\n    <Layout pageTitle=\"Jobs\">\n      <div style={{ height: \"5vh\" }}></div>\n      <div className=\"section\">\n        <div className=\"container\">\n          <div className=\"columns is-multiline\">\n            <div className=\"column is-12 has-text-centered\">\n              <h1 className=\"title\">Nanny Jobs</h1>\n            </div>\n            <div style={{ height: \"8vh\" }}></div>\n            {jobs.map((job) => {\n              return (\n                <JobCard\n                  key={job.familyID}\n                  familyID={job.familyID}\n                  location={job.location}\n                  startDate={job.startDate}\n                  schedule={job.schedule}\n                  hours={job.hours}\n                  pay={job.pay}\n                  placementLength={job.placementLength}\n                  nKids={job.nKids}\n                  familydescription={job.familydescription}\n                  jobDescription={job.jobDescription}\n                  postedDate={job.postedDate}\n                />\n              );\n            })}\n          </div>\n        </div>\n      </div>\n    </Layout>\n  );\n};\n"],"sourceRoot":""}