{title}

{"version":3,"file":"component---src-pages-dialogscapes-index-js-eb786200ecdceb6fd26c.js","mappings":"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","sources":["webpack://gatsby-starter-netlify-cms/./src/components/DialogscapesLayout.js","webpack://gatsby-starter-netlify-cms/./src/components/Dialogscapes.js","webpack://gatsby-starter-netlify-cms/./src/pages/dialogscapes/index.js"],"sourcesContent":["import * as React from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport Footer from \"./Footer\";\nimport Navbar from \"./Navbar\";\nimport \"./styles.sass\";\nimport useSiteMetadata from \"./SiteMetadata\";\nimport { withPrefix } from \"gatsby\";\n\nconst DialogscapesTemplateWrapper = ({ children }) => {\n const { title, description } = useSiteMetadata();\n return (\n

\n \n \n {title}\n \n\n \n \n \n\n \n \n\n \n \n \n \n \n \n

{children}

\n );\n};\n\nexport default DialogscapesTemplateWrapper;\n","import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { graphql, StaticQuery } from 'gatsby'\nimport './styles.sass'\n\nfunction DialogscapesTemplate(props) {\n\n const { data } = props\n const { edges: posts } = data.allMarkdownRemark\n\n const [activeDialog, setActiveDialog] = useState(null)\n\n function handleClick(index) {\n setActiveDialog(index)\n }\n\n function createUniformTitle(title) {\n if (title.includes('HR')) {\n return title.substring(0, title.indexOf(\" \"))\n } else {\n return title\n }\n }\n\n const croatianPosts = (\n posts\n .filter(({ node: post }) => post.frontmatter.title.includes('HR'))\n )\n \n const englishPosts = (\n posts\n .filter(({ node: post }) => !post.frontmatter.title.includes('HR'))\n )\n\n const [allPosts, setAllPosts] = useState(croatianPosts)\n \n function switchToEnglish() {\n setAllPosts(englishPosts)\n }\n\n function switchToCroatian() {\n setAllPosts(croatianPosts)\n }\n\n const englishButton = (\n \n )\n\n const croatianButton = (\n \n )\n\nreturn (\n <>\n

\n { allPosts[0].node.frontmatter.title.includes('HR') ? englishButton : croatianButton }\n

\n { allPosts && allPosts\n .map(({ node: post }, index) => {\n const isActive = index === activeDialog\n const dialogStyle = {\n transform: isActive ? 'translate(50%, 0%)' : `translate(${getRandomNumber(-200, 200)}%, ${getRandomNumber(-50, 50)}%)`,\n zIndex: index === activeDialog ? 9999 : index,\n }\n \n return (\n handleClick(index)}\n >\n

{\n e.stopPropagation() // Prevents the dialog from opening again when the close button is clicked\n setActiveDialog(null)\n }}>\n x\n

\n \n

\n [{createUniformTitle(post.frontmatter.title)}]\n

\n {/* TODO: Find the non-dangerous way to render HTML*/}\n \n \n

\n )\n })}\n \n \n )\n}\n\nfunction getRandomNumber(min, max) {\n return Math.floor(Math.random() * (max - min + 1) + min)\n}\n\nDialogscapes.propTypes = {\n data: PropTypes.shape({\n allMarkdownRemark: PropTypes.shape({\n edges: PropTypes.array,\n }),\n }),\n}\n\nexport default function Dialogscapes() {\n return (\n }\n />\n )\n}\n","import React, { useState } from \"react\"\nimport DialogscapesLayout from \"../../components/DialogscapesLayout\"\nimport Dialogscapes from \"../../components/Dialogscapes\"\n\nconst DialogscapesPage = () => {\n const [searchQuery, setSearchQuery] = useState('')\n\n const filterDialogscapes = post => {\n const isSearchMatch =\n searchQuery === '' ||\n post.frontmatter.title.toLowerCase().includes(searchQuery.toLowerCase()) ||\n post.frontmatter.description.toLowerCase().includes(searchQuery.toLowerCase());\n\n return isSearchMatch;\n };\n\n return (\n \n

\n {/*

\n setSearchQuery(e.target.value)}\n />\n \n

*/}\n

\n \n

\n \n );\n};\n\nexport default DialogscapesPage"],"names":["_ref","children","title","description","useSiteMetadata","React","Helmet","lang","name","content","rel","sizes","href","withPrefix","type","color","property","Navbar","Footer","DialogscapesTemplate","props","data","edges","posts","allMarkdownRemark","activeDialog","setActiveDialog","useState","croatianPosts","filter","node","post","frontmatter","includes","englishPosts","_ref2","allPosts","setAllPosts","englishButton","onClick","croatianButton","className","map","_ref3","index","dialogStyle","transform","getRandomNumber","zIndex","style","key","id","handleClick","e","stopPropagation","substring","indexOf","dangerouslySetInnerHTML","__html","html","min","max","Math","floor","random","Dialogscapes","StaticQuery","query","render","count","DialogscapesPage","searchQuery","setSearchQuery","DialogscapesLayout"],"sourceRoot":""}