js-slang version revert (#25)

Co-authored-by: chuyiting <[email protected]>

Author: eddy-personal

package-lock.json

@@ -2,6 +2,7 @@
   "name": "journey-fe",
   "version": "0.1.0",
   "private": true,
+  "homepage": "https://chuyiting.github.io/journey-frontend",
   "dependencies": {
     "@babel/core": "^7.8.7",
     "@material-ui/core": "^4.9.1",
@@ -20,6 +21,7 @@
     "@types/testing-library__react": "^9.1.3",
     "ace-builds": "^1.4.8",
     "axios": "^0.19.2",
+    "gh-pages": "^2.2.0",
     "js-slang": "^0.4.30",
     "lz-string": "^1.4.4",
     "re-resizable": "^6.3.2",
@@ -36,6 +38,8 @@
     "xmlhttprequest-ts": "^1.0.1"
   },
   "scripts": {
+    "predeploy": "npm run build",
+    "deploy": "gh-pages -d build",
     "start": "react-app-rewired start",
     "build": "react-app-rewired build",
     "test": "react-app-rewired test",

package.json

@@ -14,7 +14,7 @@ function App() {
         <StoreProvider>
           <BrowserRouter>
             <Switch>
-              <Route exact path="/" component={Playground} />
+              <Route exact path="/journey-frontend" component={Playground} />
               {/* <Route exact path="/mission" component={MissionOverview} />
               <Route path="/mission/:missionID/:page" component={Mission} />
               <Route path="/playground" component={Playground} />

src/App.tsx

@@ -8,6 +8,7 @@ import SourceDropDown from "./DropDownTemplate";
 import SessionControl from "./SessionControl";
 import RunButton from "./RunButton";
 import PhoneRunButton from "./PhoneRunButton";
+import logo from "./logo.png";
 
 import "./NavBar.css";
 import Grid from "@material-ui/core/Grid";
@@ -61,7 +62,7 @@ const NavBar: React.FC = () => {
           <Grid item>
             <div className="listPlusLogo">
               <div>
-                <img src="/images/logo.png" alt="/" className="navBar_logo" />
+                <img src={logo} alt="/" className="navBar_logo" />
               </div>
 
               <div className="navBar_navigation-items">