Speed fixes (patch)

components/Map.js

@@ -86,6 +86,7 @@ const Markers = ({ popupInfo, data }) => {
 export default class Map extends Component {
   constructor (props) {
     super(props)
+    const { data, error } = props
     const latitude = props.coords && props.coords.latitude ? props.coords.latitude : 62.6321649
     const longitude = props.coords && props.cords.longitude ? props.cords.longitude : 6.4374272
     this.state = {
@@ -96,7 +97,9 @@ export default class Map extends Component {
         longitude,
         zoom: 3,
         minZoom: 3
-      }
+      },
+      data,
+      error
     }
     this.resize = this.resize.bind(this)
     this.popupInfo = this.popupInfo.bind(this)
@@ -106,13 +109,6 @@ export default class Map extends Component {
     window.addEventListener('resize', this.resize)
     this.resize()
     this.interval = setInterval(() => this.tick(), 30000)
-    try {
-      const { stations: data } = await getData(URL_STATIONS)
-      this.setState({ data, error: false })
-    } catch (error) {
-      console.log(error)
-      this.setState({ error: error.message })
-    }
   }
 
   async tick () {

components/alheimsins/Layout.js

@@ -24,7 +24,6 @@ export default ({ title, theme = {}, children }) => (
       <link rel='icon' type='image/png' sizes='16x16' href='/static/favicon-16x16.png' />
       <link rel='mask-icon' href='/static/safari-pinned-tab.svg' color='#47c162' />
       <meta name='msapplication-TileColor' content='#47c162' />
-      <meta name='theme-color' content='#ffffff' />
       <link rel='icon' sizes='192x192' href='/static/android-icon-192x192.png' />
       <link rel='shortcut icon' href='/static/favicon.ico' />
       <link rel='manifest' href='/static/manifest.json' />

pages/info.js

@@ -5,15 +5,15 @@ export default () => (
     <div style={{ textAlign: 'left' }}>
       <span className='meta'>06.06.2018 - informasjon fra nilu.no</span>
       <h1 style={{ textAlign: 'center' }}>Luftforurensing</h1>
-      <img src='/static/pollution.png' alt='pollution' width='100%' />
+      <img src='/static/pollution.jpg' alt='pollution' width='100%' />
       <p>Et voksent menneske puster ca. 10.000 liter luft i løpet av et døgn. Luftkvalitet har derfor stor betydning for folks helse. I flere norske byer og tettsteder kan luftkvaliteten være dårligere enn det som er tillatt i henhold til forurensingsforskriften, og dårligere enn helsemyndighetenes anbefalinger.</p>
       <p>Det er flere forhold som påvirker mengden av luftforurensning, utslippsmengder fra ulike kilder, nærhet til forurensningskilder og lokale meteorologiske og klimatiske forhold. De viktigste kildene til luftforurensning er utslipp fra vegtrafikk, boligoppvarming og industri, samt utslipp fra skip i havn.</p>
       <p>Variasjoner i utslippsmengde fra de ulike forurensningskilder både over døgnet og året, samt variasjoner i lokale meteorologiske forhold, medfører at forurensningsnivået lokalt i byer og tettsteder kan variere mye.</p>
       <p>I Norge er det mest luftforurensning om vinteren. Dette skyldes blant annet at det da er høyest utslipp fra flere kilder, som vedfyring, bruk av piggdekk og eksosutslipp ved bruk av kald motor i kuldegrader. I tillegg forekommer meteorologiske inversjoner som gir dårligere spredningsforholdene om vinteren.</p>
       <p>Nedenfor gis en beskrivelse av de mest aktuelle forurensningsstoffene i Norge.</p>
       <h2>Svevestøv / partikler (PM10 og PM2,5)</h2>
       <p>Svevestøv (eller partikler) omtales gjerne som PM (particulate matter) etterfulgt av et tall som indikerer størrelse på partiklene i mikrometer. PM2,5 er alle partikler som er mindre enn 2,5 µm, og PM10 er alle partikler som er mindre enn 10 µm. Det betyr at svevestøv som inngår i PM2,5 også inngår i betegnelsen PM10.</p>
-      <img alt='svevestøv' src='/static/svevestov.png' />
+      <img alt='svevestøv' src='/static/svevestov.jpg' />
       <blockquote>I flere norske byer og tettsteder er nivåene av svevestøv høyere enn det helsemyndighetene anbefaler i sine luftkvalitetskriterier.</blockquote>
       <p>En rekke befolkningsundersøkelser fra hele verden viser en sammenheng mellom nivåer av svevestøv i uteluft og sykelighet og dødelighet i befolkningen. Både korttids- og langtidseksponering for PM viser sammenhenger med dødelighet. De viktigste kildene til svevestøv er:</p>
       - PM10: Asfalt-, bremse- og dekkslitasje, strøsand, vedfyring, industri, langtransportert bidrag<br />
@@ -44,7 +44,7 @@ export default () => (
       <p>Hovedkilden til benzen i byluft er avdampning fra uforbrent bensin. Utslippet kan også komme fra forbrenningsprosessen.</p>
       <div className='author'>
         <span className='avatar'>
-          <img alt='maccyber' src='/static/maccyber.png' width='30px' height='30px' />
+          <img alt='maccyber' src='/static/maccyber.jpg' width='30px' height='30px' />
         </span>
         <div className='name'>
           Jonas Maccyber Enge (<a href='https://github.com/maccyber'>@maccyber</a>)

pages/kart.js

@@ -1,10 +1,28 @@
 import dynamic from 'next/dynamic'
 import { Layout } from '../components/alheimsins'
+import getData from '../lib/get-data'
+import getConfig from 'next/config'
+
+const { publicRuntimeConfig: { TOKEN, URL_STATIONS } } = getConfig()
 
 const Map = dynamic(import('../components/Map'), { ssr: false })
 
-export default () => (
+const Kart = (props) => (
   <Layout title='luftstatus.no - Se forurensning og luftkvalitet nær deg.' theme='black'>
-    <Map />
+    <Map {...props} />
   </Layout>
 )
+
+Kart.getInitialProps = async () => {
+  let data, error
+  try {
+    const { stations } = await getData(URL_STATIONS)
+    data = stations
+  } catch (error) {
+    console.log(error)
+    error = error.message
+  }
+  return { data, error }
+}
+
+export default Kart

pages/kontakt.js

@@ -2,7 +2,7 @@ import { Layout } from '../components/alheimsins'
 
 const users = [
   {
-    avatar: '/static/maccyber.png',
+    avatar: '/static/maccyber.jpg',
     name: 'Jonas Maccyber Enge',
     nick: {
       name: 'maccyber',
@@ -12,7 +12,7 @@ const users = [
     dev: true
   },
   {
-    avatar: '/static/zrrrzzt.png',
+    avatar: '/static/zrrrzzt.jpg',
     name: 'Geir Gåsodden',
     nick: {
       name: 'zrrrzzt',

static/manifest.json

@@ -3,7 +3,7 @@
  "short_name": "Luftstatus",
  "description": "Se forurensning og luftkvalitet nær deg.",
  "display": "fullscreen",
- "background_color": "#000000",
+ "background_color": "#FFFFFF",
  "theme_color": "#000000",
  "icons": [
   {