add view reload on close action (resolves #113)

Author: neel1996

Dockerfile

@@ -13,12 +13,13 @@ RUN cd ui/ && \
     export NODE_ENV=production && \
     npx tailwindcss build -o src/index.css -c src/tailwind.config.js && \
     npm run build && \
-    mv ./build ../ 
+    mv build/ gitconvex-ui/ && \
+    mv gitconvex-ui/ ../ 
 
 RUN cd /opt/workroom/gitconvex && \
     mkdir dist/ && \
     go build -o ./dist/ && \
-    mv build/ dist/ 
+    mv gitconvex-ui/ dist/ 
 
 EXPOSE 9001
 

ui/src/Components/DashBoard/Help/Help.js

@@ -2,6 +2,7 @@ import { library } from "@fortawesome/fontawesome-svg-core";
 import { fab } from "@fortawesome/free-brands-svg-icons";
 import { fas } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import axios from "axios";
 import firebase from "firebase/app";
 import "firebase/database";
 import React, { useEffect, useState } from "react";
@@ -73,38 +74,30 @@ export default function Help() {
     setShowUpdatePane(true);
     setLoading(true);
 
-    // For Firebase JS SDK v7.20.0 and later, measurementId is optional
-    const firebaseConfig = {
-      apiKey: "AIzaSyB8KGsL5Fom0EvM3bsZYj4m08Dp7sqiLCY",
-      authDomain: "gitconvex.firebaseapp.com",
-      databaseURL: "https://gitconvex.firebaseio.com",
-      projectId: "gitconvex",
-      storageBucket: "gitconvex.appspot.com",
-      messagingSenderId: "719815446646",
-      appId: "1:719815446646:web:53d2d2627eb549b7120f57",
-      measurementId: "G-ZJ3KLZT0EF",
-    };
+    const firebaseEndpoint =
+      "https://us-central1-gitconvex.cloudfunctions.net/gitconvexVersion";
 
-    if (firebase.apps[0] && firebase.apps[0].name === "update-app") {
-      firebase.apps[0].delete();
-      return;
-    }
+    axios({
+      url: firebaseEndpoint,
+      method: "GET",
+      headers: {
+        Accept: "application/json",
+      },
+    })
+      .then((res) => {
+        const { version } = res.data;
+        setLoading(false);
 
-    const app = firebase.initializeApp(firebaseConfig, "update-app");
-    const db = app.database();
-    const ref = db.ref("/");
-
-    ref.on("value", (val) => {
-      const { version } = val.val();
-      setLoading(false);
-
-      if (currentVersion === version) {
-        setIsLatest(true);
-        setAvailableUpdate("");
-      } else {
-        setAvailableUpdate(version);
-      }
-    });
+        if (currentVersion === version) {
+          setIsLatest(true);
+          setAvailableUpdate("");
+        } else {
+          setAvailableUpdate(version);
+        }
+      })
+      .catch((err) => {
+        console.log(err);
+      });
   }
 
   return (

ui/src/Components/DashBoard/Repository/GitComponents/GitOperation/GitOperationComponent.js

@@ -429,6 +429,8 @@ export default function GitOperationComponent(props) {
             className="git-ops--backdrop--close"
             onClick={() => {
               setAction("");
+              const localReload = viewReload + 1;
+              setViewReload(localReload);
             }}
           >
             X

ui/src/Components/DashBoard/Repository/GitComponents/GitOperation/StageComponent.js

@@ -7,7 +7,7 @@ export default function StageComponent(props) {
   const { stageComponents, repoId } = props;
 
   const [allStaged, setAllStaged] = useState(false);
-  const [loading, setLodaing] = useState(false);
+  const [loading, setLoading] = useState(false);
   const [errorInd, setErrorInd] = useState(false);
 
   useEffect(() => {
@@ -17,7 +17,7 @@ export default function StageComponent(props) {
   }, [props]);
 
   function stageAllChanges() {
-    setLodaing(true);
+    setLoading(true);
     axios({
       url: globalAPIEndpoint,
       method: "POST",
@@ -30,7 +30,7 @@ export default function StageComponent(props) {
       },
     })
       .then((res) => {
-        setLodaing(false);
+        setLoading(false);
         if (res.data.data && !res.data.error) {
           if (res.data.data.stageAllItems === "ALL_STAGED") {
             setAllStaged(true);
@@ -39,7 +39,7 @@ export default function StageComponent(props) {
       })
       .catch((err) => {
         console.log(err);
-        setLodaing(false);
+        setLoading(false);
         setErrorInd(true);
       });
   }