Additional fixes for firebase login. Capture basic local state.

client/src/components/header/header.container.jsx

@@ -5,6 +5,7 @@ import { Alert } from "antd";
 import Header from "./header.component";
 
 import Spin from "../loading-spinner/loading-spinner.component";
+// import Skeleton from "../loading-skeleton/loading-skeleton.component";
 
 import {
   GET_SELECTED_NAV_ITEM,

client/src/components/loading-skeleton/loading-skeleton.component.jsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import './loading-skeleton.styles.scss'
+
+import { Skeleton } from "antd";
+
+export default function LoadingSkeleton() {
+    return (
+        <Skeleton className="loading-skeleton" active/>
+    )
+}

client/src/components/loading-skeleton/loading-skeleton.styles.scss

@@ -0,0 +1,3 @@
+.loading-skeleton {
+  text-align: center;
+}

client/src/components/loading-spinner/loading-spinner.component.jsx

@@ -3,5 +3,5 @@ import { Spin } from "antd";
 import "./loading-spinner.styles.scss";
 
 export default function LoadingSpinner() {
-  return <Spin className="spinner" size="large" delay="500" />;
+  return <Spin className="loading-spinner" size="large" delay="500" />;
 }

client/src/components/loading-spinner/loading-spinner.styles.scss

@@ -1,3 +1,3 @@
-.spinner {
+.loading-spinner {
   text-align: center;
 }

client/src/components/sign-in-form/sign-in-form.component.jsx

@@ -1,8 +1,8 @@
 import React from "react";
-import { auth } from "../../../firebase/firebase.utils";
+import { auth } from "../../firebase/firebase.utils";
 import { Form, Icon, Input, Button, Alert } from "antd";
 
-class SignIn extends React.Component {
+class SignInForm extends React.Component {
   constructor() {
     super();
     this.state = {
@@ -74,4 +74,4 @@ class SignIn extends React.Component {
     );
   }
 }
-export default Form.create({ name: "sign_in" })(SignIn);
+export default Form.create({ name: "sign_in" })(SignInForm);