{"version":3,"sources":["webpack:///./src/components/ListingLinks/ListingLinks.js","webpack:///./src/pages/listings-sold.js"],"names":["ListingLinks","marginBottom","style","marginRight","StyledLink","to","styled","Link","RecentListingsPage","location","query","render","data","listings","allContentfulCarListing","edges","map","item","i","link","node","detailsPage","slug","pipedriveDealId","image","listingIndexImage","description","Card","key","position","fixed","width","height","Container","Heading","carName","Description","StatusLink","title","text","BackgroundSection","section","div","span","button"],"mappings":"4FAAA,6DAgBeA,IAVM,WACjB,OACI,kBAAC,IAAD,CAAmBC,aAAa,OAC5B,4BAAQC,MAAO,CAACC,YAAa,SAA7B,cACA,kBAACC,EAAD,CAAYC,GAAG,qBAAf,YACA,kBAACD,EAAD,CAAYC,GAAG,mBAAf,UAOZ,IAAMD,EAAaE,YAAOC,QAAV,+EAAGD,CAAH,kG,kCClBhB,iKA0IeE,UA7HY,SAAC,GAAD,IAAEC,EAAF,EAAEA,SAAF,OAC1B,kBAAC,cAAD,CACCC,MAAK,aAmCLC,OAAQ,SAAAC,GAEP,IAAMC,EAAWD,EAAKE,wBAAwBC,MAAMC,KAAI,SAACC,EAAMC,GAE9D,IAAIC,EAAO,QACmB,IAA1BF,EAAKG,KAAKC,cAAsBF,EAAO,kBAAC,OAAD,CAAMd,GAAI,aAAeY,EAAKG,KAAKE,KAAO,IAAML,EAAKG,KAAKG,gBAAkB,KAA5E,iBAI3C,IAAIC,EAAQP,EAAKG,KAAKK,kBAGtB,OAAID,GAASP,EAAKG,KAAKM,YAAYA,YAIjC,kBAACC,EAAD,CAAMC,IAAKV,GACV,yBAAKhB,MAAO,CAAE2B,SAAU,aACvB,kBAAC,IAAD,CACCC,MAAON,EAAMM,MACb5B,MAAO,CACN6B,MAAO,QACPC,OAAQ,YAOX,kBAACC,EAAD,KACC,kBAACC,EAAD,KAAUjB,EAAKG,KAAKe,SACpB,kBAACC,EAAD,KAAcnB,EAAKG,KAAKM,YAAYA,cAIrC,kBAACW,EAAD,KAAalB,IAMR,QAUT,OAEC,kBAAC,IAAD,KAEC,kBAAC,IAAD,CAAKmB,MAAM,uBACVZ,YAAY,0CACZjB,SAAUA,IAGX,kBAAC,IAAD,CACC6B,MAAM,wBACNC,KAAK,4FAIN,kBAAC,IAAD,MAGA,kBAAC,IAAD,KACC,kBAAC,IAAD,oCAIA,kBAACC,EAAD,KACE3B,IAIH,kBAAC,IAAD,WAYL,IAAM2B,EAAoBlC,IAAOmC,QAAV,uFAAGnC,CAAH,uGAajBqB,EAAOrB,IAAOoC,IAAV,0EAAGpC,CAAH,0OAgBJ2B,EAAY3B,IAAOoC,IAAV,+EAAGpC,CAAH,4GAgBT4B,EAAU5B,IAAOqC,KAAV,6EAAGrC,CAAH,wEAOP8B,EAAc9B,IAAOoC,IAAV,iFAAGpC,CAAH,4EAMX+B,EAAa/B,IAAOsC,OAAV,gFAAGtC,CAAH","file":"component---src-pages-listings-sold-js-815aabd5821ac8403e33.js","sourcesContent":["import React from \"react\"\nimport { Link } from \"gatsby\"\nimport styled from 'styled-components'\nimport SectionPageMargin from '../Layout/Section/SectionPageMargin'\n\n\nconst ListingLinks = () => {\n    return (\n        <SectionPageMargin marginBottom=\"0px\">\n            <strong style={{marginRight: '10px'}}>LISTINGS: </strong>\n            <StyledLink to=\"/recent-listings/\">For Sale</StyledLink> \n            <StyledLink to=\"/listings-sold/\">Sold</StyledLink>  \n            {/* <StyledLink to=\"/off-market/\">Off Market</StyledLink> */}\n        </SectionPageMargin>\n    )\n};\nexport default ListingLinks\n\nconst StyledLink = styled(Link)`\n font-weight: bold;\n text-decoration: none;\n color: #3479ae;\n margin-right: 15px;\n\n &:hover {\n    opacity: 0.8;\n  }\n\n\n`\n","import React from \"react\"\nimport { StaticQuery, graphql, Link } from \"gatsby\"\nimport Img from \"gatsby-image\"\nimport Layout from \"../components/Layout/Layout\"\nimport SEO from \"../components/Seo/Seo\"\nimport styled from 'styled-components'\nimport SectionPageMargin from '../components/Layout/Section/SectionPageMargin'\nimport PageHeader from '../components/Layout/PageHeader/PageHeader'\nimport ReadyToGetStarted from '../components/ReadyToGetStarted/ReadyToGetStarted'\nimport Heading2 from '../components/Type/Heading2'\nimport ListingLinks from '../components/ListingLinks/ListingLinks'\n\n\nconst RecentListingsPage = ({location}) => (\n\t<StaticQuery\n\t\tquery={graphql`\n\t\t\tquery  {\n\t\t\t\tallContentfulCarListing (filter: {sold: {eq: true}}, sort: {fields: [carName]}) {\n\t\t\t\t\tedges {\n\t\t\t\t\t  node {\n\t\t\t\t\t\tcarName\n\t\t\t\t\t\tsold\n\t\t\t\t\t\tprice\n\t\t\t\t\t\tcarSalesAdId\n\t\t\t\t\t\tlocation\n\t\t\t\t\t\tpipedriveDealId\n\t\t\t\t\t\tslug\n\t\t\t\t\t\tvin\n\t\t\t\t\t\tdetailsPage\n\t\t\t\t\t\tid\n\t\t\t\t\t\tdescription {\n\t\t\t\t\t\t  description\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlistingIndexImage {\n\t\t\t\t\t\t  fixed(width: 300, height: 200) {\n\t\t\t\t\t\t\t...GatsbyContentfulFixed_noBase64\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t}\n\t\t\t\t\t\tphotos {\n\t\t\t\t\t\t\tfixed(width: 300, height: 200) {\n\t\t\t\t\t\t\t\t...GatsbyContentfulFixed_noBase64\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t  }\n\t\t\t\t\t  }\n\t\t\t\t\t}\n\t\t\t\t  }\n\n\t\t\t}\n\t\t`}\n\n\t\trender={data => {\n\n\t\t\tconst listings = data.allContentfulCarListing.edges.map((item, i) => {\n\n\t\t\t\tlet link = \"Sold\";\n\t\t\t\tif (item.node.detailsPage === true) link = <Link to={'/listings/' + item.node.slug + \"-\" + item.node.pipedriveDealId + \"/\"}>View Details</Link>\n\n\t\t\t\t// fixed={item.node.listingIndexImage.fixed}\n\t\t\t\t// hack until content is done\n\t\t\t\tlet image = item.node.listingIndexImage; //|| item.node.photos[0] || null;\n\n\t\t\t\t//if (item.node.listingIndexImage && item.node.description.description) {\n\t\t\t\tif (image && item.node.description.description) {\n\n\t\t\t\t\treturn (\n\n\t\t\t\t\t\t<Card key={i}>\n\t\t\t\t\t\t\t<div style={{ position: 'relative' }}>\n\t\t\t\t\t\t\t\t<Img\n\t\t\t\t\t\t\t\t\tfixed={image.fixed}\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\twidth: '300px',\n\t\t\t\t\t\t\t\t\t\theight: '200px'\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\n\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<Container>\n\t\t\t\t\t\t\t\t<Heading>{item.node.carName}</Heading>\n\t\t\t\t\t\t\t\t<Description>{item.node.description.description}</Description>\n\n\t\t\t\t\t\t\t</Container>\n\n\t\t\t\t\t\t\t<StatusLink>{link}</StatusLink>\n\n\t\t\t\t\t\t</Card>\n\t\t\t\t\t)\n\n\t\t\t\t} else {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t}\n\t\t\t);\n\n\t\t\t// \t We have new cars coming all the time, \n\t\t\t// so follow us on Facebook or Twitter to be notified of new listings. If you have a particular \n\t\t\t// car you are looking to buy, please contact us as we often have off-market listings available.\"\n\n\t\t\treturn (\n\n\t\t\t\t<Layout>\n\n\t\t\t\t\t<SEO title=\"Summon Sold Listings\"\n\t\t\t\t\t\tdescription=\"Summon luxury and prestige car listings\"\n\t\t\t\t\t\tlocation={location}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<PageHeader\n\t\t\t\t\t\ttitle=\"Prestige car listings\"\n\t\t\t\t\t\ttext=\"Below are prestige cars that we have recently sold privately on behalf of their owners.\" \n\t\t\t\t\t\n\t\t\t\t\t/>\n\n\t\t\t\t\t<ListingLinks />\n\n\n\t\t\t\t\t<SectionPageMargin>\n\t\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t\tLuxury &amp; prestige cars sold\n\t\t\t\t\t\t</Heading2>\n\n\t\t\t\t\t\t<BackgroundSection>\n\t\t\t\t\t\t\t{listings}\n\t\t\t\t\t\t</BackgroundSection>\n\t\t\t\t\t</SectionPageMargin>\n\n\t\t\t\t\t<ReadyToGetStarted />\n\n\t\t\t\t</Layout>\n\n\t\t\t)\n\t\t}}\n\t/>\n)\n\nexport default RecentListingsPage\n\n\nconst BackgroundSection = styled.section`\n    display: flex;\n    flex-flow: row wrap;\n\tmargin-top: 30px;\n\t//justify-content: space-between;\n\n\t@media (max-width: 650px) {\n\t\tjustify-content: center;\n\t  } \n\n`;\n\n\nconst Card = styled.div`\ndisplay: grid;\ngrid-template-rows: 200px auto 40px;\n\n  background-color:  white;\n  color: black;\n  width: 300px;\n  height: 400px;\n  margin: 10px 30px 30px 0px;\n  padding: 0px;\n\n&:hover {\n     box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);\n   }\n`;\n\nconst Container = styled.div`\nbackground: #f8f8f9;\n  padding: 5px;\n  text-align: center;\n  \n  p {\n    color: black;\n    margin: 0px;\n    padding: 0px;\n  }\n\n  a {\n    color: black;\n  }\n`;\n\nconst Heading = styled.span`\n  display: block;\n  font-weight: bold;\n  margin-bottom: 10px;\n  font-size: 1.2em;\n`;\n\nconst Description = styled.div`\n  colour: dark-grey;\n  margin: 0px;\n  padding: 0px 10px 0px 10px;\n  font-size: .9rem;\n`;\nconst StatusLink = styled.button`\n  background: #f8f8f9;\n  width: 100%;\n  height: 40px;\n  color: black;\n\n  padding: 0px;\n  font-size: 1em;\n  text-decoration: none;\n  border: none;\n  border-top: white 6px solid;\n  outline: none;\n  text-align: center;\n\n\n`;\n\n\n\n\n\n"],"sourceRoot":""}