update dependecies

src/components/nav.js

@@ -13,24 +13,6 @@ let pages = [
   ['supporte uns', '/support/', ''],
 ]
 
-function PathCheck(path, link) {
-  if(path === link) {
-    return ' ' + navStyles.navItemActive
-  }
-
-  if(link !== '/' && path !== '/') {
-    if(path.includes(link)){
-      return ' ' + navStyles.navItemActive
-    }
-  
-    if(link.includes(path)){
-      return ' ' + navStyles.navItemActive
-    }
-  }
-
-  return ''
-}
-
 export default function Nav({ path }) {
   // nav items should always be active in the staticly generated html
   const isSSR = typeof window === 'undefined'
@@ -62,7 +44,7 @@ export default function Nav({ path }) {
           {pages.map(([title, link, device]) => (
             <Link
               key={title}
-              className={navStyles.navItem + PathCheck(path, link) + ' ' + device}
+              className={navStyles.navItem + activeClasses(link) + ' ' + device}
               activeClassName={navStyles.navItemActive}
               to={`${link}`}
             >

src/components/roomState.js

@@ -1,5 +1,4 @@
 import React, { useEffect, useState } from 'react'
-import { StaticImage } from 'gatsby-plugin-image'
 
 const roomStateData = {
   loading: { text: '...', color: 'white' },
@@ -8,24 +7,6 @@ const roomStateData = {
   error: { text: 'laut API kaputt', color: '#ee3333' },
 }
 
-function GetRightImage(openState) {
-  if(openState === 'loading') {
-    return <StaticImage src='../images/warning.png' width='250' height='250' alt='...' />
-  }
-  
-  if(openState === 'open'){
-    return <StaticImage src='../images/tuer_offen.png' width='250' height='250' alt='offen' />
-  }
-  
-  if(openState === 'closed'){
-    return <StaticImage src='../images/tuer_zu.png' width='250' height='250' alt='geschlossen' />
-  }
-  
-  if(openState === 'error'){
-    return <StaticImage src='../images/warning.png' width='250' height='250' alt='laut API kaputt' />
-  }
-}
-
 export default function RoomState() {
   const [openState, setOpenState] = useState('loading')
 
@@ -44,13 +25,12 @@ export default function RoomState() {
   }, [])
 
   const isSSR = typeof window === 'undefined'
-  const useIMG = false
   return (
     <a
       href="https://status.ctdo.de/"
       style={{ color: roomStateData[openState].color }}
     >
-      {isSSR ? '<Benötigt JavaScript>' : useIMG ? GetRightImage(openState) : roomStateData[openState].text}
+      {isSSR ? '<Benötigt JavaScript>' : roomStateData[openState].text}
     </a>
   )
 }

src/styles/global.css

@@ -22,11 +22,6 @@ body {
 
 a {
   color: #22bb22;
-  text-decoration: none;
-}
-
-a:hover {
-  text-decoration: underline;
 }
 
 a:visited {

src/templates/blogTemplate.js

@@ -5,10 +5,10 @@ import { MDXRenderer } from 'gatsby-plugin-mdx'
 import { MDXProvider } from '@mdx-js/react'
 import { Helmet } from 'react-helmet'
 
-const MdLeakH1 = (props) => <h2 {...props}>{props.children}</h2>
-const MdLeakH2 = (props) => <h3 {...props}>{props.children}</h3>
-const MdLeakH3 = (props) => <h4 {...props}>{props.children}</h4>
-const MdLeakH4 = (props) => <h5 {...props}>{props.children}</h5>
+const MdLeakH1 = (props) => <h2 {...props}># {props.children}</h2>
+const MdLeakH2 = (props) => <h3 {...props}>## {props.children}</h3>
+const MdLeakH3 = (props) => <h4 {...props}>### {props.children}</h4>
+const MdLeakH4 = (props) => <h5 {...props}>#### {props.children}</h5>
 
 const components = {
   h1: MdLeakH1,

src/templates/siteTemplate.js

@@ -8,10 +8,10 @@ import { Helmet } from 'react-helmet'
 const ide =
   'https://repos.ctdo.de/neri/ctdo-homepage/_edit/master/src/webpages/'
 
-const MdLeakH1 = (props) => <h2 {...props}>{props.children}</h2>
-const MdLeakH2 = (props) => <h3 {...props}>{props.children}</h3>
-const MdLeakH3 = (props) => <h4 {...props}>{props.children}</h4>
-const MdLeakH4 = (props) => <h5 {...props}>{props.children}</h5>
+const MdLeakH1 = (props) => <h2 {...props}># {props.children}</h2>
+const MdLeakH2 = (props) => <h3 {...props}>## {props.children}</h3>
+const MdLeakH3 = (props) => <h4 {...props}>### {props.children}</h4>
+const MdLeakH4 = (props) => <h5 {...props}>#### {props.children}</h5>
 
 const components = {
   h1: MdLeakH1,