itwasmattgregg

<div class="loading">
  <span class="bar bar-1"></span>
  <span class="bar bar-2"></span>
  <span class="bar bar-3"></span>
  <span class="bar bar-4"></span>
</div>

itwasmattgregg

section {
  padding: 40px 0px;
  background-color: #fff;
  width: 100%;
}

.border-top {
  background-color: #eee;
  position: relative;
  box-shadow: 0 2px 4px #ccc inset;

itwasmattgregg

const functions = require('firebase-functions');
const gcs = require('@google-cloud/storage')();
const sharp = require('sharp')
const _ = require('lodash');
const path = require('path');
const os = require('os');

exports.generateThumbnail = functions.storage.object('uploads/{imageId}').onChange(event => {

  const object = event.data; // The Storage object.

itwasmattgregg

import "@babel/polyfill";

import Vue from "vue";
import * as VueGoogleMaps from "vue2-google-maps";
import VTooltip from "v-tooltip";

import router from "@/router";
import store from "@/store";

import Search from "@/Search.vue";

itwasmattgregg

import { PostPartialUpdateRequest, PostUpdateRequest, ExternalLink, Post } from "../gen/api";
import { Component } from "react";
import { apiCall, postApi, externalLinkApi } from "../Api";

export type PostCreateUpdateRequest = Post;

function isPostUpdateRequest(request: PostCreateUpdateRequest): request is PostPartialUpdateRequest | PostUpdateRequest {
  return (request as PostPartialUpdateRequest).id !== undefined;
}

itwasmattgregg

{
  "hosting": {
    "site": "site-name",
    "public": "dist",
    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }

itwasmattgregg

name: Build and Deploy
on:
  push:
    branches:
      - master
jobs:
  build:
    name: Build
    runs-on: ubuntu-latest
    steps:

itwasmattgregg

import { withSessionSsr } from '@utils/session';

export default function Admin() {
  // Users will never see this unless they're logged in.
  return <h1>Secure page</h1>;
}

export const getServerSideProps = withSessionSsr(async function ({ req, res }) {
  const user = req.session.user;

itwasmattgregg

import { useState } from 'react';
import useUser from '@utils/useUser';

export default function Login() {
  // here we just check if user is already logged in and redirect to admin
  const { mutateUser } = useUser({
    redirectTo: '/admin',
    redirectIfFound: true,
  });

itwasmattgregg

import { useEffect } from 'react';
import Router from 'next/router';
import useSWR from 'swr';

export default function useUser({
  redirectTo = false,
  redirectIfFound = false,
} = {}) {
  const { data: user, mutate: mutateUser } = useSWR('/api/user');