From de964b1c385624c5c19e236a22d3b9725cc31dbf Mon Sep 17 00:00:00 2001
From: Angelica Chung <angelica.ramos.91@gmail.com>
Date: Wed, 3 Aug 2022 20:14:44 -0400
Subject: [PATCH] fixed a typo in the start command for stroyteller stream;
 started commenting out fontawesome icon errors; what happended to FA?

---
 package.json                                  |  2 +-
 .../src/pages/dashboard/Dashboard.tsx         |  2 +-
 .../src/pages/dashboard/DashboardPage.tsx     |  2 +-
 .../src/pages/dashboard/Sidebar.tsx           | 12 ++++-----
 .../src/pages/dashboard/Test.tsx              | 17 ++++++------
 .../src/pages/login/LoginPage.tsx             |  8 +++---
 .../src/pages/signup/SignupPage.tsx           | 26 +++++++++----------
 7 files changed, 35 insertions(+), 34 deletions(-)

diff --git a/package.json b/package.json
index 0ba0b40bbf..b96eef690f 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "build-storyteller-home": "lerna exec --scope @storyteller/storyteller-home -- yarn build",
     "start-storyteller-obs": "PORT=7007 BROWSER=none lerna exec --scope @storyteller/storyteller-obs -- yarn start",
     "build-storyteller-obs": "lerna exec --scope @storyteller/storyteller-obs -- yarn build",
-    "start-storyteller-stream": "PORT=7001 BROWSER=none lerna exec --scope @storyteller/storyteller -- yarn start",
+    "start-storyteller-stream": "PORT=7001 BROWSER=none lerna exec --scope @storyteller/storyteller-stream -- yarn start",
     "start-storyteller-stream-w": "set PORT=7001 && lerna exec --scope @storyteller/storyteller-stream -- yarn start-w",
     "build-storyteller-stream": "lerna exec --scope @storyteller/storyteller-stream -- yarn build"
   },
diff --git a/packages/storyteller-stream/src/pages/dashboard/Dashboard.tsx b/packages/storyteller-stream/src/pages/dashboard/Dashboard.tsx
index 62686df93b..3c1fda896d 100644
--- a/packages/storyteller-stream/src/pages/dashboard/Dashboard.tsx
+++ b/packages/storyteller-stream/src/pages/dashboard/Dashboard.tsx
@@ -33,7 +33,7 @@ class Dashboard extends React.Component<Props> {
               <div className="col-lg-9">
                 {/* Page routes */}
                 <Switch>
-                  <Route path="/dashboard">
+                  <Route path="/dashboard/home">
                     <DashboardPage />
                   </Route>
                   <Route path="/dashboard/test">
diff --git a/packages/storyteller-stream/src/pages/dashboard/DashboardPage.tsx b/packages/storyteller-stream/src/pages/dashboard/DashboardPage.tsx
index 6f0afe5ff8..ff3abb4185 100644
--- a/packages/storyteller-stream/src/pages/dashboard/DashboardPage.tsx
+++ b/packages/storyteller-stream/src/pages/dashboard/DashboardPage.tsx
@@ -6,7 +6,7 @@ import {
   faVolumeUp,
 } from "@fortawesome/free-solid-svg-icons";
 
-function DashboardPage(props: Props) {
+function DashboardPage() {
   // if (!props.sessionWrapper.isLoggedIn()) {
   //   return (
   //     <div className="container vh-100 d-flex align-items-center">
diff --git a/packages/storyteller-stream/src/pages/dashboard/Sidebar.tsx b/packages/storyteller-stream/src/pages/dashboard/Sidebar.tsx
index ec045d9d51..e7dce489ff 100644
--- a/packages/storyteller-stream/src/pages/dashboard/Sidebar.tsx
+++ b/packages/storyteller-stream/src/pages/dashboard/Sidebar.tsx
@@ -7,7 +7,7 @@ import {
 } from "@fortawesome/free-solid-svg-icons";
 import { Link } from "react-router-dom";
 
-function Sidebar(props: Props) {
+function Sidebar() {
   // if (!props.sessionWrapper.isLoggedIn()) {
   //   return (
   //     <div className="container vh-100 d-flex align-items-center">
@@ -25,7 +25,7 @@ function Sidebar(props: Props) {
           <li className="nav-item">
             <Link to="/" className="nav-link active d-flex" aria-current="page">
               <div className="icon">
-                <FontAwesomeIcon icon={faHome} />
+                {/* <FontAwesomeIcon icon={faHome} /> */}
               </div>
               Dashboard
             </Link>
@@ -33,7 +33,7 @@ function Sidebar(props: Props) {
           <li>
             <Link to="/test" className="nav-link d-flex">
               <div className="icon">
-                <FontAwesomeIcon icon={faVolumeUp} />
+                {/* <FontAwesomeIcon icon={faVolumeUp} /> */}
               </div>
               TTS Configs
             </Link>
@@ -41,7 +41,7 @@ function Sidebar(props: Props) {
           <li>
             <a href="/" className="nav-link d-flex">
               <div className="icon">
-                <FontAwesomeIcon icon={faVideo} />
+                {/* <FontAwesomeIcon icon={faVideo} /> */}
               </div>
               OBS Setup
             </a>
@@ -49,7 +49,7 @@ function Sidebar(props: Props) {
           <li>
             <a href="/" className="nav-link d-flex">
               <div className="icon">
-                <FontAwesomeIcon icon={faCog} />
+                {/* <FontAwesomeIcon icon={faCog} /> */}
               </div>
               Settings
             </a>
@@ -57,7 +57,7 @@ function Sidebar(props: Props) {
           <li>
             <a href="/" className="nav-link d-flex">
               <div className="icon">
-                <FontAwesomeIcon icon={faCog} />
+                {/* <FontAwesomeIcon icon={faCog} /> */}
               </div>
               Support
             </a>
diff --git a/packages/storyteller-stream/src/pages/dashboard/Test.tsx b/packages/storyteller-stream/src/pages/dashboard/Test.tsx
index fa9799ac71..c747ec2be0 100644
--- a/packages/storyteller-stream/src/pages/dashboard/Test.tsx
+++ b/packages/storyteller-stream/src/pages/dashboard/Test.tsx
@@ -1,12 +1,13 @@
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import {
-  faCog,
-  faHome,
-  faVideo,
-  faVolumeUp,
-} from "@fortawesome/free-solid-svg-icons";
+// import React from 'react'
+// import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+// import {
+//   faCog,
+//   faHome,
+//   faVideo,
+//   faVolumeUp,
+// } from "@fortawesome/free-solid-svg-icons";
 
-function Test(props: Props) {
+function Test() {
   // if (!props.sessionWrapper.isLoggedIn()) {
   //   return (
   //     <div className="container vh-100 d-flex align-items-center">
diff --git a/packages/storyteller-stream/src/pages/login/LoginPage.tsx b/packages/storyteller-stream/src/pages/login/LoginPage.tsx
index 59d322adfc..03f1a9e86b 100644
--- a/packages/storyteller-stream/src/pages/login/LoginPage.tsx
+++ b/packages/storyteller-stream/src/pages/login/LoginPage.tsx
@@ -23,7 +23,7 @@ function LoginPage(props: Props) {
 
   const handleUsernameOrEmailChange = (ev: React.FormEvent<HTMLInputElement>) => {
     ev.preventDefault();
-    const usernameOrEmailValue  = (ev.target as HTMLInputElement).value;
+    const usernameOrEmailValue = (ev.target as HTMLInputElement).value;
     setUsernameOrEmail(usernameOrEmailValue);
     setErrorMessage("");
     return false;
@@ -37,7 +37,7 @@ function LoginPage(props: Props) {
     return false;
   };
 
-  const handleFormSubmit = async (ev: React.FormEvent<HTMLFormElement>) : Promise<boolean> => {
+  const handleFormSubmit = async (ev: React.FormEvent<HTMLFormElement>): Promise<boolean> => {
     ev.preventDefault();
 
     const request = {
@@ -82,7 +82,7 @@ function LoginPage(props: Props) {
               <div className="control has-icons-left has-icons-right">
                 <input className="input" type="text" placeholder="Username or Email" value={usernameOrEmail} onChange={handleUsernameOrEmailChange} />
                 <span className="icon is-small is-left">
-                  <FontAwesomeIcon icon={iconUser} />
+                  {/* <FontAwesomeIcon icon={iconUser} /> */}
                 </span>
               </div>
               {/*<p className="help"></p>*/}
@@ -93,7 +93,7 @@ function LoginPage(props: Props) {
               <div className="control has-icons-left has-icons-right">
                 <input className="input" type="password" placeholder="Password" value={password} onChange={handlePasswordChange} />
                 <span className="icon is-small is-left">
-                  <FontAwesomeIcon icon={iconPasswordField} />
+                  {/* <FontAwesomeIcon icon={iconPasswordField} /> */}
                 </span>
               </div>
               {/*<p className="help"></p>*/}
diff --git a/packages/storyteller-stream/src/pages/signup/SignupPage.tsx b/packages/storyteller-stream/src/pages/signup/SignupPage.tsx
index ec81752c69..e47595f1d4 100644
--- a/packages/storyteller-stream/src/pages/signup/SignupPage.tsx
+++ b/packages/storyteller-stream/src/pages/signup/SignupPage.tsx
@@ -13,7 +13,7 @@ enum FieldTriState {
 
 interface Props {
   sessionWrapper: SessionWrapper,
-  querySessionCallback : () => void,
+  querySessionCallback: () => void,
 }
 
 function SignupPage(props: Props) {
@@ -152,14 +152,14 @@ function SignupPage(props: Props) {
     return false;
   }
 
-  const handleFormSubmit = async (ev: React.FormEvent<HTMLFormElement>) : Promise<boolean> => {
+  const handleFormSubmit = async (ev: React.FormEvent<HTMLFormElement>): Promise<boolean> => {
     ev.preventDefault();
 
-    if (!usernameValid || 
-      !emailValid || 
-      !passwordValid || 
+    if (!usernameValid ||
+      !emailValid ||
+      !passwordValid ||
       !passwordConfirmationValid) {
-        return false;
+      return false;
     }
 
     const request = {
@@ -266,7 +266,7 @@ function SignupPage(props: Props) {
           <div className="control has-icons-left has-icons-right">
             <input className={usernameInputClass} type="text" placeholder="Username" value={username} onChange={handleUsernameChange} />
             <span className="icon is-small is-left">
-              <FontAwesomeIcon icon={iconUser} />
+              {/* <FontAwesomeIcon icon={iconUser} /> */}
             </span>
           </div>
           <p className={usernameHelpClass}>{usernameInvalidReason}</p>
@@ -277,7 +277,7 @@ function SignupPage(props: Props) {
           <div className="control has-icons-left has-icons-right">
             <input className={emailInputClass} type="email" placeholder="Email" value={email} onChange={handleEmailChange} />
             <span className="icon is-small is-left">
-              <FontAwesomeIcon icon={iconEmailField} />
+              {/* <FontAwesomeIcon icon={iconEmailField} /> */}
             </span>
           </div>
           <p className={emailHelpClass}>{emailInvalidReason}</p>
@@ -288,7 +288,7 @@ function SignupPage(props: Props) {
           <div className="control has-icons-left has-icons-right">
             <input className={passwordInputClass} type="password" placeholder="Password" value={password} onChange={handlePasswordChange} />
             <span className="icon is-small is-left">
-              <FontAwesomeIcon icon={iconPasswordField} />
+              {/* <FontAwesomeIcon icon={iconPasswordField} /> */}
             </span>
           </div>
           <p className={passwordHelpClass}>{passwordInvalidReason}</p>
@@ -299,7 +299,7 @@ function SignupPage(props: Props) {
           <div className="control has-icons-left has-icons-right">
             <input className={passwordConfirmationInputClass} type="password" placeholder="Password confirmation" value={passwordConfirmation} onChange={handlePasswordConfirmationChange} />
             <span className="icon is-small is-left">
-              <FontAwesomeIcon icon={iconPasswordField} />
+              {/* <FontAwesomeIcon icon={iconPasswordField} /> */}
             </span>
           </div>
           <p className={passwordConfirmationHelpClass}>
@@ -310,7 +310,7 @@ function SignupPage(props: Props) {
         <br />
 
         <div className="notification is-warning">
-          <strong>Remember your password!</strong> We don't have password reset currently, and it'll be a 
+          <strong>Remember your password!</strong> We don't have password reset currently, and it'll be a
           few more weeks before it's added (there are more important features to work on). If you lose your
           password, please let us know in Discord.
         </div>
@@ -322,10 +322,10 @@ function SignupPage(props: Props) {
 
       <Link to="/login"
         className="button is-info is-large is-fullwidth is-inverted"
-        >Already have an account? Log in instead!</Link>
+      >Already have an account? Log in instead!</Link>
 
     </div>
   )
 }
 
-export { SignupPage };
\ No newline at end of file
+export { SignupPage };