{"version":3,"file":"component---src-pages-hilfe-js-4c5aa077499b08770948.js","mappings":"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","sources":["webpack://n-ou/./src/components/BlogpostBildMitText.js","webpack://n-ou/./src/components/BlogpostDownload.js","webpack://n-ou/./src/components/BlogpostExternerInhalt.js","webpack://n-ou/./src/components/BlogpostExternerInhaltMitText.js","webpack://n-ou/./src/components/BlogpostGallerie.js","webpack://n-ou/./src/components/BlogpostText.js","webpack://n-ou/./src/components/BlogpostVideo.js","webpack://n-ou/./src/content/contact-form.js","webpack://n-ou/./src/components/contact-form.js","webpack://n-ou/./src/content/hilfe.js","webpack://n-ou/./src/pages/hilfe.js"],"sourcesContent":["import React from \"react\"\nimport { translate } from \"../../utils/language\"\nimport { imageUrl } from \"../../utils/path\"\nimport { renderMarkdown } from \"../../utils/rendermarkdown\"\n\nexport const BlogpostBildMitText = ({data, language}) => {\n    return <div>\n        <h2>{translate(language, data.Titel_deutsch, data.Titel_englisch)}</h2>\n        <div className=\"bild-mit-text-blogpost-container\">\n            <div className=\"bild-mit-untertitel\">\n                <img className=\"bild-mit-text-blogpost-image\" src={imageUrl(data.bild.Bild.url)} alt={translate(language, data.bild.Deutsch, data.bild.Englisch)}/>\n                <p className=\"small caption\">{(translate(language, data.bild.Untertitel_de, data.bild.Untertitel_en))}</p>\n            </div>\n            <p className=\"bild-mit-text-blogpost-text\">{renderMarkdown(translate(language, data.Deutsch, data.Englisch))}</p>\n        </div>\n    </div>\n    }\n","import React from \"react\"\nimport { translate } from \"../../utils/language\"\nimport { fileUrl } from \"../../utils/path\"\n\nexport const BlogpostDownload = ({data, language}) => {\n    return <div className=\"blogpost-download\">\n        <a className=\"link\" href={translate(language, data.Link_deutsch || fileUrl(data.Download_deutsch.url), data.Link_englisch || fileUrl(data.Download_englisch.url))}>{translate(language, data.Titel_deutsch, data.Titel_englisch)}</a>\n    </div>\n    }","import React from \"react\"\nimport ReactPlayer from 'react-player'\n\n\nexport const BlogpostExternerInhalt = ({data}) => {\n    return <div className=\"externer-inhalt-container\">\n        <ReactPlayer className=\"externer-inhalt\" controls={true} url={data.URL}/>\n    </div>\n    }","import React from \"react\"\nimport ReactPlayer from 'react-player'\nimport { translate } from \"../../utils/language\"\nimport { renderMarkdown } from \"../../utils/rendermarkdown\"\n\n\nexport const BlogpostExternerInhaltMitText = ({data, language}) => {\n    return <div>\n        <div className=\"externer-inhalt-text-container\">\n            <p className=\"externer-inhalt-text-text\">{renderMarkdown(translate(language, data.Deutsch, data.Englisch))}</p>\n            <ReactPlayer className=\"externer-inhalt-text-player\" controls={true} url={data.URL}/>\n        </div>\n    </div>\n    }\n","import React from \"react\";\nimport { translate } from \"../../utils/language\";\nimport { imageUrl } from \"../../utils/path\";\n\nexport const BlogpostGallerie = ({ data, language }) => {\n  return (\n    <div className=\"images-side-by-side\">\n      {data.Bilder.map((b) => {\n        return (\n          b.Bild && (\n            <div>\n              <img\n                className=\"blogpost-images-single\"\n                src={imageUrl(b.Bild.url)}\n                alt={translate(language, b.Deutsch, b.Englisch)}\n              />\n              <p className=\"small caption\">{(translate(language, b.Untertitel_de, b.Untertitel_en))}</p>\n            </div>\n          )\n        );\n      })}\n    </div>\n  );\n};\n","import React from \"react\"\nimport { translate } from \"../../utils/language\"\nimport { renderMarkdown } from \"../../utils/rendermarkdown\"\n\nexport const BlogpostText = ({data, language}) => {\n    return <div>\n        <p>{renderMarkdown(translate(language, data.Deutsch, data.Englisch))}</p>\n    </div>\n    }","import React from \"react\"\nimport { imageUrl } from \"../../utils/path\"\nimport ReactPlayer from 'react-player'\n\n\nexport const BlogpostVideo = ({data}) => {\n    return <div className=\"video-container\">\n        <ReactPlayer className=\"video-blogpost\" controls={true} url={imageUrl(data.VideoDatei.url)}/>\n    </div>\n    }","const contactFormContent = {\n    german: {\n        headlineFirst: \"Kontakt zum Awareness-Team\",\n        headlineSecond: \"Kontakt zum Technischen Support\",\n        first: \"Erfahre mehr über das Team \",\n        firstLink: \"hier.\",\n        name: \"Name\",\n        email: \"E-Mail Adresse\",\n        subject: \"Betreff\",\n        message: \"Nachricht\",\n        messageWrite: \"Schreib etwas\",\n        button: \"Senden\"\n    },\n    english: {\n        headlineFirst: \"Contact the awareness team\",\n        headlineSecond: \"Contact the technical support\",\n        first: \"Find out more about the team \",\n        firstLink: \"here.\",\n        name: \"Name\",\n        email: \"E-Mail Adress\",\n        subject: \"Subject\",\n        message: \"Message\",\n        messageWrite: \"Write something\",\n        button: \"Submit\"\n\n    }\n}\nexport {contactFormContent}","import React, { useContext, useState, useCallback } from 'react';\nimport { Link } from 'gatsby';\nimport '../styles/contact-form.css';\nimport { contactFormContent } from '../content/contact-form';\nimport { SettingsContext } from '../contexts/settings';\n\nconst ContactForm = ({ titel, mailto, email, phone }) => {\n  const [settings] = useContext(SettingsContext);\n  const content = contactFormContent[settings.language];\n\n  return (\n    <div>\n      <div className=\"black-box-contact-form\">\n        <div className=\"contact-details\">\n          <h2 className=\"headline-contact\">{titel}</h2>\n          <div className=\"text-contact\">\n            <p className=\"phone-contact\">{phone}</p>\n            <p className=\"e-mail-contact\">\n              E-Mail:{' '}\n              <a className=\"link\" href={mailto}>\n                {email}\n              </a>\n            </p>\n          </div>\n          <p className=\"link-to-team\">\n            {content.first}\n            <Link className=\"link-contact-form\" to=\"/team\">\n              {content.firstLink}\n            </Link>\n          </p>\n        </div>\n      </div>\n      <div className=\"mint-line-contact-form end-of-site\"></div>\n    </div>\n  );\n};\nexport default ContactForm;\n","const hilfeContent = {\n    german: {    \n        titelContactForm: \"Kontakt zum Awareness-Team\",\n        \n    },\n    english: {\n        titelContactForm: \"Contact the awareness team\",\n    }\n}\nexport {hilfeContent}","import React, { useContext } from \"react\"\nimport Template from \"../components/template\"\nimport ContactForm from \"../components/contact-form\"\nimport \"../styles/hilfe.css\"\nimport { hilfeContent } from \"../content/hilfe\"\nimport { SettingsContext } from \"../contexts/settings\"\nimport { graphql } from \"gatsby\"\nimport { translate } from \"../../utils/language\" \nimport {BlogpostDownload} from \"../components/BlogpostDownload\"\nimport {BlogpostBildMitText} from \"../components/BlogpostBildMitText\"\nimport {BlogpostText} from \"../components/BlogpostText\"\nimport {BlogpostGallerie} from \"../components/BlogpostGallerie\"\nimport {BlogpostVideo} from \"../components/BlogpostVideo\"\nimport {BlogpostExternerInhalt} from \"../components/BlogpostExternerInhalt\"\nimport {BlogpostExternerInhaltMitText} from \"../components/BlogpostExternerInhaltMitText\"\nimport { renderMarkdown } from \"../../utils/rendermarkdown\"\n\n\nconst HilfePage = ({data}) => {\n    const [settings, ] = useContext(SettingsContext)\n    const content = hilfeContent[settings.language]\n    const l = settings.language\n    const b = data.strapi.awareness\n    return (\n        <Template currentPage=\"help\">\n            <section className=\"end-of-site\">\n                <div>\n                <h1>{translate(l, b.Titel_de, b.Titel_en)}</h1>\n                <div className=\"awareness-content\">\n                    <div className=\"awareness-texte\">\n                        {\n                            b.Inhalt.map(blogComponent => {\n                                switch (blogComponent.__typename) {\n                                    case \"Strapi_ComponentDefaultMehrsprachigerDownload\":\n                                        return <BlogpostDownload data={blogComponent} language={l} />;\n                                    case \"Strapi_ComponentDefaultBildMitMehrsprachigemText\":\n                                        return <BlogpostBildMitText data={blogComponent} language={l} />;\n                                    case \"Strapi_ComponentDefaultMehrsprachigerText\":\n                                        return <BlogpostText data={blogComponent} language={l} />;\n                                    case \"Strapi_ComponentDefaultGallerie\":\n                                        return <BlogpostGallerie data={blogComponent} language={l} />;\n                                    case \"Strapi_ComponentDefaultVideo\":\n                                        return <BlogpostVideo data={blogComponent} />;\n                                    case \"Strapi_ComponentDefaultExternerInhalt\":\n                                        return <BlogpostExternerInhalt data={blogComponent} />;\n                                    case \"Strapi_ComponentDefaultExternerInhaltMitText\":\n                                        return <BlogpostExternerInhaltMitText data={blogComponent} language={l} />;\n                                    case \"Strapi_ComponentDefaultTrennstrich\":\n                                        return <div className=\"mint-line-blogpost\" data={blogComponent}/>;\n                                }\n                            }\n\n\n                            )\n                        }\n                    </div>\n                    <div className=\"awareness-infoboxen\">\n                        { b.Infoboxen.map(box => {\t\n                            return <div>\n                                {\n                                    \n                                    <div className=\"good-to-know-container\">\n                                        <div><h2 className=\"box-heading\">{translate(l, box.Titel_deutsch, box.Titel_englisch)}</h2></div>\n                                        <p>{renderMarkdown(translate(l, box.Inhalt_deutsch, box.Inhalt_englisch))}</p>\n                                    </div>\n                                }\n\n                            </div>\n                        })}\n                    </div>\n                </div>    \n                    \n                    <ContactForm apiSuffix=\"hilfe\" mailto=\"mailto:aware@nocturnal-unrest.de\" email=\"aware@nocturnal-unrest.de\" titel={content.titelContactForm}></ContactForm>\n                </div>\n            </section>\n        </Template>\n    )\n}\n\nexport default HilfePage\n\nexport const query = graphql`\n  query MyQuery4 {\n      strapi {\n        awareness {\n              Titel_de\n              Titel_en\n              Infoboxen {\n                Inhalt_deutsch\n                Inhalt_englisch\n                Titel_deutsch\n                Titel_englisch\n                id\n              }\n              Inhalt {\n                  __typename  \n              ... on Strapi_ComponentDefaultMehrsprachigerDownload {\n                  Titel_englisch\n                  Titel_deutsch\n                  Link_deutsch\n                  Link_englisch\n                  Download_deutsch {\n                  url\n                  }\n                  Download_englisch {\n                  url\n                  }\n              }\n              ... on Strapi_ComponentDefaultBildMitMehrsprachigemText {\n                  Deutsch\n                  Englisch\n                  Titel_deutsch\n                  Titel_englisch\n                  bild {\n                        Deutsch\n                        Englisch\n                        Untertitel_de\n                        Untertitel_en\n                        Bild {\n                            url\n                        }\n                  }\n              }\n              ... on Strapi_ComponentDefaultVideo {\n                  VideoDatei {\n                  url\n                  }\n              }\n              ... on Strapi_ComponentDefaultMehrsprachigerText {\n                  Deutsch\n                  Englisch\n              }\n              ... on Strapi_ComponentDefaultGallerie {\n                  Bilder {\n                  Bild {\n                      url\n                  }\n                  Deutsch\n                  Englisch\n                  Untertitel_de\n                    Untertitel_en\n                  }\n              }\n              ... on Strapi_ComponentDefaultExternerInhalt {\n                  URL\n              }\n              ... on Strapi_ComponentDefaultTrennstrich {\n                  id\n              }\n              ... on Strapi_ComponentDefaultExternerInhaltMitText {\n                  Deutsch\n                  Englisch\n                  URL\n              }\n          }\n          }\n      }\n  }\n`"],"names":["BlogpostBildMitText","data","language","translate","Titel_deutsch","Titel_englisch","className","src","imageUrl","bild","Bild","url","alt","Deutsch","Englisch","Untertitel_de","Untertitel_en","renderMarkdown","BlogpostDownload","href","Link_deutsch","fileUrl","Download_deutsch","Link_englisch","Download_englisch","BlogpostExternerInhalt","controls","URL","BlogpostExternerInhaltMitText","BlogpostGallerie","Bilder","map","b","BlogpostText","BlogpostVideo","VideoDatei","contactFormContent","german","headlineFirst","headlineSecond","first","firstLink","name","email","subject","message","messageWrite","button","english","titel","mailto","phone","settings","useContext","SettingsContext","content","to","hilfeContent","titelContactForm","l","strapi","awareness","currentPage","Titel_de","Titel_en","Inhalt","blogComponent","__typename","B","Infoboxen","box","Inhalt_deutsch","Inhalt_englisch","apiSuffix"],"sourceRoot":""}