{"version":3,"file":"component---src-templates-portfolio-js-cbdc162c36f29f9a09c4.js","mappings":"wLAmJA,WAAeA,EAAAA,EAAAA,KA1IW,SAAC,GAAc,IAAZC,EAAW,EAAXA,KAC3BC,QAAQC,IAAI,2BAA4BF,GAExC,OAAiCG,EAAAA,EAAAA,UAAS,IAAnCC,EAAP,KAAiBC,EAAjB,KAmBA,IAjBAC,EAAAA,EAAAA,YAAW,WACT,IAAMC,EAAOP,EAAKQ,yBAA2B,GAEvCC,GADMC,GAAAA,GACKH,EAAKI,MAAMC,QAAO,SAAAC,GACjCZ,QAAQC,IAAI,SAAUW,GACTA,EAAKb,KAMlB,OAAO,MAETC,QAAQC,IAAI,cAAeO,GAC3BJ,EAAaI,KACZ,CAACT,EAAKQ,2BAEJR,EAAM,OAAO,KAElB,IAAMc,EAAWd,EAAKe,kBAAoB,GACpCC,EAAM,CACVC,MAAOH,EAASd,KAAKkB,UACrBC,YAAaL,EAASd,KAAKoB,gBAC3BC,SAAUP,EAASd,KAAKsB,aACxBC,UAAWT,EAASd,KAAKuB,WAE3BtB,QAAQC,IAAI,QAASc,GAErB,IAAMQ,EAAUxB,EAAKyB,gBAAkB,GACjCC,EAAS1B,EAAK2B,eAAiB,GAI/BC,EAAgB,SAAC,GAAY,IAAXf,EAAU,EAAVA,KAEhBgB,GADgBhB,EAAKb,KAAK8B,KAAKC,MAAK,SAAAlB,GAAI,MAAwB,wBAApBA,EAAKmB,cACpC,cAAiBnB,EAAKoB,KACzC,OACE,qBAAGC,UAAU,qBAAqBC,MAAO,CAACC,YAAY,KAAMC,KAAMR,GAChE,uBAAKK,UAAU,mBAAmBC,MAAO,CAACC,YAAY,MACpD,uBAAKF,UAAU,gBAAgBI,IAAKzB,EAAKb,KAAKuC,UAAUC,IAAKC,IAAI,SAEnE,uBAAKP,UAAU,qBACb,qBAAGA,UAAU,uBAAuBG,KAAMR,GAAe,sBAAIK,UAAU,wCAAwCrB,EAAKb,KAAKiB,QACzH,qBAAGiB,UAAU,kCAAkCG,KAAMR,GACnD,gBAAC,IAAD,CAAiBa,MAAO7B,EAAKb,KAAK2C,WAAWC,eAOvD,OACE,gBAAC,IAAD,CAAQpB,QAASA,EAAQxB,KAAM6C,WArBf,EAqBqCnB,OAAQA,EAAQV,IAAKA,GACxE,uBAAKkB,UAAU,YACb,uBAAKA,UAAU,YAAYC,MAAO,CAACW,WAAW,QAAQC,cAAc,SAClE,sBAAIb,UAAU,aAAaC,MAAO,CAACa,aAAa,SAAUlC,EAASd,KAAKiB,OACxE,uBAAKiB,UAAU,2CAEX9B,EAAU6C,KAAI,SAACpC,EAAMqC,GAAP,OACZ,uBAAKC,IAAKD,EAAOhB,UAAU,4BACzB,gBAACN,EAAD,CAAef,KAAMA","sources":["webpack://gatsbyjs-blog/./src/templates/portfolio.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { graphql } from 'gatsby'\nimport { withPrismicPreview } from 'gatsby-plugin-prismic-previews'\nimport { SliceZone } from '@prismicio/react'\nimport { PrismicRichText } from '@prismicio/react'\nimport moment from 'moment';\n\nimport { Layout } from '../components/Layout'\n\nconst PortfolioTemplate = ({ data }) => {\n console.log('PortfolioTemplate data: ', data);\n \n const [portfolio,setPortfolio] = useState([])\n \n useEffect( ()=> {\n const docs = data.allPrismicPortfolioItem || []\n const now = moment()\n const filtered = docs.nodes.filter(item => {\n console.log('item: ', item)\n const data = item.data\n // console.log('start: ',data.start_time)\n // console.log('finish: ',data.finish_time)\n // const startTime = moment(data.start_time)\n // const finishTime = moment(data.finish_time)\n // return (startTime < now)\n return true;\n })\n console.log('portfolio: ', filtered)\n setPortfolio(filtered)\n }, [data.allPrismicPortfolioItem])\n \n if (!data) return null\n\n const homepage = data.prismicPortfolio || {}\n const seo = {\n title: homepage.data.seo_title,\n description: homepage.data.seo_description,\n keywords: homepage.data.seo_keywords,\n no_robots: homepage.data.no_robots,\n }\n console.log('seo: ', seo)\n\n const topMenu = data.prismicTopmenu || {}\n const footer = data.prismicFooter || {}\n\n const isTMWhite = true\n\n const PortfolioItem = ({item}) => {\n const portfolioInfo = item.data.body.find(item => item.slice_type === 'portfolio_item_info')\n const portfolioLink = `/portfolio/${item.uid}`\n return (\n \n
\n \"img\"/\n
\n
\n
{item.data.title}
\n \n \n \n
\n \n )\n }\n\n return (\n \n
\n
\n

{homepage.data.title}

\n
\n {\n portfolio.map((item, index) => (\n
\n \n
\n ))\n }\n
\n
\n
\n \n )\n}\n\nexport const query = graphql`\n query MyPortfolioQuery {\n prismicPortfolio {\n _previewable\n data {\n seo_title\n seo_description\n seo_keywords\n no_robots\n title \n }\n url\n type\n }\n\n prismicTopmenu {\n ...TopmenuFragment\n }\n prismicFooter {\n ...FooterFragment\n }\n\n allPrismicPortfolioItem(\n sort: { fields: [data___sort], order: ASC }\n limit: 10\n skip: 0\n ) {\n nodes {\n _previewable\n uid\n url\n data {\n seo_title\n seo_description\n seo_keywords\n no_robots\n title\n desc_short {\n richText\n }\n cover_img {\n url\n }\n sort\n body {\n ... on PrismicPortfolioItemDataBodyPortfolioItemInfo {\n id\n slice_type\n primary {\n desc {\n text\n richText\n }\n }\n }\n }\n }\n }\n }\n}\n`\n\nexport default withPrismicPreview(PortfolioTemplate)\n"],"names":["withPrismicPreview","data","console","log","useState","portfolio","setPortfolio","useEffect","docs","allPrismicPortfolioItem","filtered","moment","nodes","filter","item","homepage","prismicPortfolio","seo","title","seo_title","description","seo_description","keywords","seo_keywords","no_robots","topMenu","prismicTopmenu","footer","prismicFooter","PortfolioItem","portfolioLink","body","find","slice_type","uid","className","style","aspectRatio","href","src","cover_img","url","alt","field","desc_short","richText","isTMWhite","paddingTop","paddingBottom","marginBottom","map","index","key"],"sourceRoot":""}