Stack@Illinois! (#256)

nwalters512 · web-flow · commit a33310fae664 · 2019-03-31T22:13:59.000-05:00
* Rebrand to Stack@Illinois

* Auto-kill the joke at midnight

* Meme page title
diff --git a/src/components/Header.js b/src/components/Header.js
@@ -12,6 +12,7 @@ import {
   Button,
 } from 'reactstrap'
 import { connect } from 'react-redux'
+import moment from 'moment'
 
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { faUser } from '@fortawesome/free-solid-svg-icons'
@@ -52,12 +53,23 @@ class Header extends React.Component {
     // on the login page. If that's the case, disable the link to the homepage
     // so they can't cycle repeatedly back and forth between that and the
     // login page
+    let brandText
+    if (moment().isAfter('2019-04-02T00:00:00-0500')) {
+      brandText = 'Queue@Illinois'
+    } else {
+      brandText = (
+        <>
+          <span style={{ textDecoration: 'line-through' }}>Queue</span>
+          Stack@Illinois
+        </>
+      )
+    }
     const brandLink = user ? (
       <Link route="index" passHref>
-        <NavbarBrand>Queue@Illinois</NavbarBrand>
+        <NavbarBrand>{brandText}</NavbarBrand>
       </Link>
     ) : (
-      <NavbarBrand tag="span">Queue@Illinois</NavbarBrand>
+      <NavbarBrand tag="span">{brandText}</NavbarBrand>
     )
 
     return (
diff --git a/src/components/StackRebrandingAlert.jsx b/src/components/StackRebrandingAlert.jsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import { Alert } from 'reactstrap'
+import moment from 'moment'
+
+const StackRebrandingAlert = () => {
+  // Hide alert after April Fool's day
+  if (moment().isAfter('2019-04-02 00:00:00.000-05')) return null
+
+  return (
+    <Alert color="primary" fade={false}>
+      <span className="mr-3">We&apos;re rebranding to Stack@Illinois!</span>
+      <strong>
+        <a href="https://queue.illinois.edu/blog/stack">
+          Read&nbsp;more&nbsp;→
+        </a>
+      </strong>
+    </Alert>
+  )
+}
+
+export default StackRebrandingAlert
diff --git a/src/pages/_document.js b/src/pages/_document.js
@@ -3,6 +3,7 @@ import React from 'react'
 import Document, { Head, Main, NextScript } from 'next/document'
 import flush from 'styled-jsx/server'
 import { dom } from '@fortawesome/fontawesome-svg-core'
+import moment from 'moment'
 
 import { baseUrl, isDev, isNow } from '../util'
 
@@ -27,6 +28,7 @@ export default class MyDocument extends Document {
     }
     const faviconPath = `${baseUrl}/static/favicon.ico`
     const manifestPath = `${baseUrl}/static/manifest.json`
+    const isAprilFools = moment().isBefore('2019-04-02 00:00:00.000-05')
     return (
       <html lang="en">
         <Head>
@@ -46,7 +48,7 @@ export default class MyDocument extends Document {
             crossOrigin="use-credentials"
             href={manifestPath}
           />
-          <title>Queue@Illinois</title>
+          <title>{isAprilFools ? 'Stack@Illinois' : 'Queue@Illinois'}</title>
           <style>{dom.css()}</style>
           <link rel="icon" href={faviconPath} type="image/png" />
           <script dangerouslySetInnerHTML={script} />
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -20,6 +20,7 @@ import NewQueue from '../components/NewQueue'
 import ShowForAdmin from '../components/ShowForAdmin'
 import DevWorkshopAd from '../components/DevWorkshopAd'
 import QueueCardListContainer from '../containers/QueueCardListContainer'
+import StackRebrandingAlert from '../components/StackRebrandingAlert'
 
 class Index extends React.Component {
   static async getInitialProps({ store, isServer }) {
@@ -113,6 +114,7 @@ class Index extends React.Component {
       <Fragment>
         <Container>
           <DevWorkshopAd />
+          <StackRebrandingAlert />
           <div className="d-flex flex-wrap align-items-center mb-4">
             <h1 className="display-4 d-inline-block mb-0 mt-3 mr-auto pr-3">
               Open queues
