{"version":3,"file":"component---src-pages-index-js-0bd2ee6b4e148c8608a6.js","mappings":"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","sources":["webpack://dcalacci.net/./src/pages/index.js","webpack://dcalacci.net/./src/pages/news.js"],"sourcesContent":["import React from \"react\";\nimport AreaList from \"../components/AreaList\";\nimport { graphql } from \"gatsby\";\nimport Header from \"../components/Header\";\nimport { Helmet } from \"react-helmet\"\nimport { NewsItemsList } from \"./news\";\n\nconst IndexPage = ({ data }) => {\n  console.log(\"INDEX GOT DATA:\", data)\n  return (\n    <main className=\"flex flex-col w-full h-full bg-white text-black border-t-4 border-pink-200 overflow-x-clip\">\n      <Helmet>\n        <meta charSet=\"utf-8\" />\n        <title>Dana Calacci</title>\n      </Helmet>\n      <div className=\"flex flex-col h-full items-center\">\n        <Header />\n        <div className=\"flex flex-col w-full xl:w-2/3\">\n          <div className=\"flex flex-col justify-center items-center sm:flex-nowrap md:p-5 \">\n            <AreaList areas={data.areas.nodes} areaItems={data.areaItems.nodes} />\n          </div>\n        </div>\n        <NewsItemsList items={data.newsItems.nodes} />\n      </div>\n    </main>\n  );\n};\n\nexport const query = graphql`\nquery AreasItemsQuery {\n    areas:allMdx(\n      filter: { frontmatter: { templateKey: { eq: \"areas\" } } }\n      sort: { order: DESC, fields: frontmatter___date }\n    ) {\n      nodes {\n        id\n        frontmatter {\n          summary\n          title\n          templateKey\n          }\n        slug\n      }\n    }\n    areaItems:allMdx(\n    filter: { frontmatter: { templateKey: { eq: \"area-items\" }} }\n      sort: { order: DESC, fields: frontmatter___date }\n    ) {\n      nodes {\n        id\n        frontmatter {\n          title\n          description\n          area\n          icon\n          hasContent\n          url\n        }\n        body\n        slug\n      }\n    }\n    newsItems:allMdx(\n      filter: { frontmatter: { templateKey: { in: [\"pubs-and-talks\"] } } }\n      sort: { fields: frontmatter___date, order: DESC }\n    ) {\n      nodes {\n        id\n        body\n        slug\n        frontmatter {\n          title\n          authors\n          venue\n          url\n          type\n          description\n          date(formatString: \"YYYY\")\n          file {\n            publicURL\n            }\n          notes {\n            title\n            url\n          }\n        }\n      }\n    }\n  }\n`;\n\n\nexport default IndexPage;\n","import React, { useState, useEffect } from \"react\";\nimport { graphql } from \"gatsby\";\nimport Header from \"../components/Header\";\n\nimport { Helmet } from \"react-helmet\"\nimport * as icons from \"@heroicons/react/outline\";\n\n\nconst Note = ({ note }) => (\n  <div class=\"flex flex-row text-center items-center group\">\n    <icons.StarIcon class=\"w-5 h-5 mr-1 group-hover:text-pink-300\" />\n    <a class=\"text-left group-hover:underline decoration-pink-300\" href={note.url}>{note.title}</a>\n  </div>\n)\n\nconst NoteList = ({ notes }) => {\n  console.log(\"notes:\", notes)\n  if (notes) {\n    let Notes = notes.map((n) =>\n      <Note note={n} />\n    )\n    console.log(\"notesss:\", Notes)\n\n    return (\n      <div class=\"flex flex-row font-semibold\">\n        {Notes}\n      </div>\n    )\n  } else {\n    return (<div></div>)\n  }\n\n}\n\nconst PubOrTalk = ({ title, authors, venue, year, description, url, file, slug, type, notes }) => {\n  console.log(\"FILE:\", file)\n  const ItemIcon = ({ type }) => {\n    if (type == \"paper\") {\n      return (<icons.AcademicCapIcon />)\n    } else if (type == \"talk\") {\n      return (<icons.ChatIcon />)\n    } else if (type == \"popular\") {\n      return (<icons.NewspaperIcon />)\n    } else {\n      return (<icons.SparklesIcon />)\n    }\n  }\n  const itemUrl = () => {\n    console.log(\"file?\", file)\n    return file ? file.publicURL : url\n  }\n  return (\n    <li class=\"mb-10 ml-6 group\">\n      < div class=\"flex flex-row absolute justify-start items-center -left-20\" >\n        <div class=\"flex flex-col justify-start w-12 pl-1\">\n          <span class=\"mb-1 text-xs font-normal text-gray-400\">{venue}</span>\n          <span class=\"mb-1 text-s font-normal text-gray-400\">{year}</span>\n        </div>\n        <span class=\"justify-center items-center ml-4 w-8 h-8 rounded-full bg-gray-100 ring-8 ring-white\">\n          <ItemIcon type={type} />\n        </span>\n      </div >\n\n      <div className=\"flex flex-row flex-wrap md:flex-nowrap w-full rounded-lg p-2\">\n        <div className=\"flex flex-col bg-white\">\n          <a href={itemUrl()} className=\"text-xl font-bold group-hover:underline\">{title}</a>\n          <p class=\"text-lg\">{authors}</p>\n          <p class=\" text-s italic\">{description}</p>\n          <div class=\"flex flex-row\">\n            <NoteList notes={notes} />\n          </div>\n        </div>\n      </div>\n\n    </li >\n  );\n};\n\nexport const NewsItemsList = ({ items }) => {\n  console.log(\"items:\", items)\n\n  const [selectedType, setSelectedType] = useState('All Items')\n  const [filteredItems, setFilteredItems] = useState(items)\n\n  const typeNameMap = {\n    'Refereed Papers': \"paper\",\n    'Talks': 'talk',\n    'Preprints & Arxiv': 'preprint',\n    'Popular': 'popular',\n  }\n\n  useEffect(() => {\n    console.log(\"updating filtered items:\", selectedType, selectedType == 'All Items', typeNameMap[selectedType])\n    if (selectedType == 'All Items') {\n      setFilteredItems(items)\n    } else {\n\n      setFilteredItems(\n        items.filter((n) => {\n          return n.frontmatter.type == typeNameMap[selectedType]\n        })\n      )\n    }\n  }, [selectedType])\n\n\n  const TypePill = ({ type }) => {\n    const isSelected = type == selectedType\n    return (\n      <li class={`rounded-full border-black border-2 px-2 py-1 m-1 text-xs font-semibold ${isSelected ? 'bg-gray-500 text-white' : ''}`}>\n        <a onClick={() => setSelectedType(type)}>{type}</a>\n      </li>\n    )\n  }\n\n\n  return (\n\n    <div className=\"flex flex-col w-full px-2 overflow-x-clip justify-center content-center md:w-2/3 \">\n      <h1 className=\"text-3xl font-bold self-start mb-5\">News</h1>\n      <ul class=\"flex flex-row flex-wrap\">\n        <TypePill type=\"All Items\" />\n        <TypePill type=\"Refereed Papers\" />\n        <TypePill type=\"Talks\" />\n        <TypePill type=\"Preprints & Arxiv\" />\n        <TypePill type=\"Popular\" />\n      </ul>\n\n      <div class=\"pl-20\">\n        <ol class=\"relative border-l border-gray-200 dark:border-gray-700\">\n          {filteredItems.map((o) => (\n            <PubOrTalk\n              title={o.frontmatter.title}\n              authors={o.frontmatter.authors}\n              year={o.frontmatter.date}\n              venue={o.frontmatter.venue}\n              description={o.frontmatter.description}\n              url={o.frontmatter.url}\n              file={o.frontmatter.file}\n              notes={o.frontmatter.notes}\n              slug={o.slug}\n              type={o.frontmatter.type}\n            />\n          ))}\n        </ol>\n      </div>\n    </div>\n  );\n};\n\nconst PostsPage = ({ data }) => {\n  console.log(\"data in postspage:\", data)\n  return (\n    <main className=\"flex flex-row flex-wrap w-full h-full bg-white text-black justify-center\">\n      <Helmet>\n        <meta charSet=\"utf-8\" />\n        <title>Dana Calacci - Pubs and Talks</title>\n      </Helmet>\n      <Header large={false} />\n      <NewsItemsList items={data.allMdx.nodes} />\n    </main>\n  )\n}\n\nexport const query = graphql`\n  query PublicationQuery {\nallMdx(\n      filter: { frontmatter: { templateKey: { in: [\"pubs-and-talks\"] } } }\n      sort: { fields: frontmatter___date, order: DESC }\n    ) {\n      nodes {\n        id\n        body\n        slug\n        frontmatter {\n          title\n          authors\n          venue\n          url\n          type\n          description\n          date(formatString: \"YYYY\")\n          file {\n            publicURL\n            }\n          notes {\n            title\n            url\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport default PostsPage;\n"],"names":["_ref","data","console","log","React","className","Helmet","charSet","Header","AreaList","areas","nodes","areaItems","NewsItemsList","items","newsItems","Note","note","class","icons","href","url","title","NoteList","_ref2","notes","Notes","map","n","PubOrTalk","_ref3","authors","venue","year","description","file","slug","type","ItemIcon","_ref4","publicURL","_ref5","selectedType","setSelectedType","useState","filteredItems","setFilteredItems","typeNameMap","useEffect","filter","frontmatter","TypePill","_ref6","isSelected","onClick","o","date","_ref7","large","allMdx"],"sourceRoot":""}