early ui stuff

2025-06-17 02:29:10 +00:00 · 2019-02-25 00:48:16 -06:00 · 2019-02-25 00:48:16 -06:00 · 6f3eca7a64
commit 6f3eca7a64
parent 6770751ba1
3 changed files with 142 additions and 0 deletions
--- a/UI/pages/_app.js
+++ b/UI/pages/_app.js
@ -0,0 +1,58 @@
+import App, { Container } from 'next/app'
+import Head from 'next/head'
+import GlobalColors from '../components/global-colors'
+
+class RoleypolyApp extends App {
+  static async getInitialProps ({ Component, ctx }) {
+    let pageProps = {}
+
+    if (Component.getInitialProps) {
+      pageProps = await Component.getInitialProps(ctx)
+    }
+
+    return { pageProps }
+  }
+
+  componentDidMount () {
+    this.loadTypekit(document)
+  }
+
+  loadTypekit (d) {
+    var config = {
+      kitId: 'bck0pci',
+      scriptTimeout: 3000,
+      async: true
+    }
+    const h = d.documentElement
+    const t = setTimeout(function () { h.className = h.className.replace(/\bwf-loading\b/g, '') + ' wf-inactive' }, config.scriptTimeout)
+    const tk = d.createElement('script')
+    const s = d.getElementsByTagName('script')[0]
+    let f = false
+    let a
+    h.className += ' wf-loading'
+    tk.src = 'https://use.typekit.net/' + config.kitId + '.js'
+    tk.async = true
+    tk.onload = tk.onreadystatechange = function () {
+      a = this.readyState
+      if (f || (a && a !== 'complete' && a !== 'loaded')) return
+      f = true
+      clearTimeout(t)
+      try { window.Typekit.load(config) } catch (e) {}
+    }
+    s.parentNode.insertBefore(tk, s)
+  }
+
+  render () {
+    const { Component, pageProps, router } = this.props
+
+    return (
+      <Container>
+        <Head />
+        <GlobalColors />
+        <Component {...pageProps} router={router} />
+      </Container>
+    )
+  }
+}
+
+export default RoleypolyApp
--- a/UI/pages/_internal/_server.js
+++ b/UI/pages/_internal/_server.js
@ -0,0 +1,7 @@
+const Server = ({ router: { query: { id } } }) => (
+  <div>
+    {id}
+  </div>
+)
+
+export default Server