{"version":3,"sources":["webpack:///./src/components/newsListClient.js","webpack:///./src/components/newsListClientMultiple.js","webpack:///./src/pages/news.js"],"names":["newsListClient","_ref","client","client_link","React","createElement","key","node","frontmatter","fullName","className","Link","to","fields","slug","BackgroundImage","tag","fluid","thumbnail","childImageSharp","alt","href","spotlight_cv","target","Fragment","newsListClientMultiple","clients","console","log","map","undefined","portfolio_boolean","NewsListClient","NewsPage","data","useStaticQuery","Layout","SEO","title","news","edges","item","filter","client_rel","includes","Tag","backgroundColor","dangerouslySetInnerHTML","__html","html","NewsListClientMultiple"],"mappings":"iMAuDeA,EAhDQ,SAAHC,GAA8B,IAAzBC,EAAMD,EAANC,OAAOC,EAAWF,EAAXE,YAE5B,OACIC,IAAAC,cAAA,OAAKC,IAAKJ,EAAOK,KAAKC,YAAYC,SAAUC,UAAU,eAClDN,IAAAC,cAAA,OAAKK,UAAU,qBACVR,EAAOK,KAAKC,YAAYC,UAE7BL,IAAAC,cAAA,OAAKK,UAAU,qBAGK,YAAhBP,GACAC,IAAAC,cAACM,OAAI,CAACC,GAAE,YAAcV,EAAOK,KAAKM,OAAOC,MAEzCV,IAAAC,cAACU,IAAe,CAChBC,IAAI,MACJC,MAAOf,EAAOK,KAAKC,YAAYU,UAAUC,gBAAgBF,MACzDG,IAAKlB,EAAOK,KAAKC,YAAYC,YAKb,cAAhBN,GACAC,IAAAC,cAAA,KAAGgB,KAAMnB,EAAOK,KAAKC,YAAYc,aAAcC,OAAO,UACtDnB,IAAAC,cAACU,IAAe,CAChBC,IAAI,MACJC,MAAOf,EAAOK,KAAKC,YAAYU,UAAUC,gBAAgBF,MACzDG,IAAKlB,EAAOK,KAAKC,YAAYC,aAM5BN,GACDC,IAAAC,cAAAD,IAAAoB,SAAA,KACApB,IAAAC,cAACU,IAAe,CAChBC,IAAI,MACJC,MAAOf,EAAOK,KAAKC,YAAYU,UAAUC,gBAAgBF,MACzDG,IAAKlB,EAAOK,KAAKC,YAAYC,eCV9BgB,EA3BgB,SAAHxB,GAAmB,IAAdyB,EAAOzB,EAAPyB,QAE7B,OADAC,QAAQC,IAAIF,GAERtB,IAAAC,cAAA,WAGAqB,EAAQG,KAAI,SAAC3B,GACT,IAAIC,OAAc2B,EAQlB,OANI3B,EADAD,EAAOK,KAAKC,YAAYuB,kBACV,YACP7B,EAAOK,KAAKC,YAAYc,cACjB,YAKdlB,IAAAC,cAAA,OAAKK,UAAU,gBACfN,IAAAC,cAAC2B,EAAc,CAAC9B,OAAQA,EAAQC,YAAaA,UC4F9C8B,UA3GE,WACb,IAAMC,EAAOC,yBAAe,cAsD5B,OACI/B,IAAAC,cAAC+B,IAAM,KACPhC,IAAAC,cAACgC,IAAG,CAACC,MAAM,gBAEXlC,IAAAC,cAAA,WAASK,UAAU,qBACnBN,IAAAC,cAAA,UAAI,eAEA6B,EAAKK,KAAKC,MAAMX,KAAK,SAACY,GAElB,IAAMf,EAAUQ,EAAKR,QAAQc,MAAME,QAAQ,SAACxC,GAExC,OAAOuC,EAAKlC,KAAKC,YAAYmC,WAAWC,SAAS1C,EAAOK,KAAKC,YAAYC,aAW7E,OACIL,IAAAC,cAAA,OAAKK,UAAU,oBAAoBJ,IAAKmC,EAAKlC,KAAKC,YAAY8B,OAC9DlC,IAAAC,cAAA,OAAKK,UAAU,mCAEPN,IAAAC,cAACU,IAAe,CACZ8B,IAAI,MACJ5B,MAAOwB,EAAKlC,KAAKC,YAAYU,UAAUC,gBAAgBF,MACvD6B,gBAAe,UACf1B,IAAKqB,EAAKlC,KAAKC,YAAY8B,SAIvClC,IAAAC,cAAA,OAAKK,UAAU,iCACPN,IAAAC,cAAA,UAAKoC,EAAKlC,KAAKC,YAAY8B,OAC3BlC,IAAAC,cAAA,OAAK0C,wBAAyB,CAACC,OAAQP,EAAKlC,KAAK0C,QAEjD7C,IAAAC,cAAC6C,EAAsB,CAACxB,QAASA","file":"component---src-pages-news-js-76d4d7bb326ec964c15e.js","sourcesContent":["import React from 'react'\n//import Img from 'gatsby-image'\nimport BackgroundImage from 'gatsby-background-image'\nimport {Link} from 'gatsby'\n\n\n\nconst newsListClient = ({client,client_link}) => {\n   \n    return(\n        <div key={client.node.frontmatter.fullName} className=\"news-client\">\n            <div className=\"news-client-name \">\n                {client.node.frontmatter.fullName}\n            </div>\n            <div className=\"news-client-image\">\n              \n            {\n                client_link === 'profile' &&\n                <Link to={`/clients/${client.node.fields.slug}`}>\n                \n                <BackgroundImage\n                tag=\"div\"\n                fluid={client.node.frontmatter.thumbnail.childImageSharp.fluid}\n                alt={client.node.frontmatter.fullName}\n                />\n                </Link>\n            }\n            {\n                client_link === 'spotlight' &&\n                <a href={client.node.frontmatter.spotlight_cv} target=\"_blank\">\n                <BackgroundImage\n                tag=\"div\"\n                fluid={client.node.frontmatter.thumbnail.childImageSharp.fluid}\n                alt={client.node.frontmatter.fullName}\n                />\n                </a>\n            }\n\n            {\n                !client_link  &&\n                <>\n                <BackgroundImage\n                tag=\"div\"\n                fluid={client.node.frontmatter.thumbnail.childImageSharp.fluid}\n                alt={client.node.frontmatter.fullName}\n                />\n               </>\n            }\n            \n            \n            </div>\n        </div>\n    )\n}\n\nexport default newsListClient","import React from 'react'\n//import Img from 'gatsby-image'\nimport BackgroundImage from 'gatsby-background-image'\nimport {Link} from 'gatsby'\nimport NewsListClient from '../components/newsListClient'\n\n\nconst newsListClientMultiple = ({clients}) => {\n    console.log(clients)\n    return(\n        <div>\n        {\n\n        clients.map((client) => {\n            let client_link = undefined\n            if (client.node.frontmatter.portfolio_boolean) {\n                client_link = 'profile'\n            } else if (client.node.frontmatter.spotlight_cv) {\n                client_link = 'spotlight'\n            } else {\n                client_link = false\n            }\n            return(\n                <div className=\"news-clients\">\n                <NewsListClient client={client} client_link={client_link} />\n                </div>\n            )\n        })\n\n        }\n        </div>\n    )\n}\n\nexport default newsListClientMultiple","import React from 'react'\nimport { useStaticQuery, graphql } from 'gatsby'\nimport Layout from '../components/layout'\nimport SEO from '../components/seo'\nimport Img from 'gatsby-image'\nimport NewsListClient from '../components/newsListClient'\nimport BackgroundImage from 'gatsby-background-image'\nimport NewsListClientMultiple from '../components/newsListClientMultiple'\n\nconst NewsPage = () => {\n    const data = useStaticQuery(graphql`\n        query { \n            news: allMarkdownRemark (\n                filter: { frontmatter: {templateKey: {eq: \"news\"}} },\n                sort: { fields: frontmatter___order order: DESC }\n            ) {\n            edges {\n            node {\n                frontmatter {\n                title\n                thumbnail {\n                    childImageSharp {\n                    fluid(maxWidth:800, quality: 80) {\n                        ...GatsbyImageSharpFluid_withWebp\n                    }\n                    }\n                }\n                client_rel\n                order\n                }\n                html\n            }\n            }\n        }\n        clients: allMarkdownRemark (filter: {frontmatter: {templateKey: {eq: \"client\"}}}) {\n            edges {\n            node {\n                frontmatter {\n                fullName\n                portfolio_boolean\n                spotlight_cv\n                thumbnail {\n                    childImageSharp {\n                    fluid(maxWidth:300) {\n                        ...GatsbyImageSharpFluid_withWebp\n                    }\n                    }\n                }\n                }\n                fields {\n                    slug\n                }\n            }\n            }\n        }\n\n    }\n    `)\n\n    // const newsSorted = data.news.edges.sort((a,b) => {\n    //     return a.node.frontmatter.order - b.node.frontmatter.order\n    // })\n    // console.log(newsSorted)\n    \n    return (\n        <Layout>\n        <SEO title=\"Latest News\"/>\n        \n        <section className=\"section news-list\">\n        <h1>Latest News</h1>\n        {\n            data.news.edges.map( (item) => {\n                //filter clients          \n                const clients = data.clients.edges.filter( (client) => {\n                    //return item.node.frontmatter.client_rel === client.node.frontmatter.fullName\n                    return item.node.frontmatter.client_rel.includes(client.node.frontmatter.fullName)\n                })\n                // let client_link = undefined\n                //     if (client.node.frontmatter.portfolio_boolean) {\n                //         client_link = 'profile'\n                //     } else if (client.node.frontmatter.spotlight_cv) {\n                //         client_link = 'spotlight'\n                //     } else {\n                //         client_link = false\n                //     }\n                \n                return(\n                    <div className=\"news-item columns\" key={item.node.frontmatter.title}>\n                    <div className=\"news-item-image column is-half \">\n                            \n                            <BackgroundImage\n                                Tag=\"div\"\n                                fluid={item.node.frontmatter.thumbnail.childImageSharp.fluid}\n                                backgroundColor={`#040e18`}\n                                alt={item.node.frontmatter.title}\n                                />\n                        </div>    \n                    \n                    <div className=\"news-item-text column is-half\">\n                            <h1>{item.node.frontmatter.title}</h1>\n                            <div dangerouslySetInnerHTML={{__html: item.node.html}}></div>\n                            {/*<NewsListClient client={client} client_link={client_link}/>*/}\n                            <NewsListClientMultiple clients={clients}/>\n                        </div>\n                        \n                        \n                        \n                    </div>\n                )\n            })\n        }\n        </section>\n        </Layout>\n    )\n}\n\nexport default NewsPage"],"sourceRoot":""}