refactor view reload function to be passed as props to switch branch component

Author: neel1996

ui/src/Components/DashBoard/Repository/RepoComponents/RepoDetails/RepoDetailBackdrop/SwitchBranchComponent.js

@@ -6,6 +6,7 @@ export default function SwitchBranchComponent({
   repoId,
   branchName,
   closeBackdrop,
+  switchReloadView,
 }) {
   const [branchError, setBranchError] = useState(false);
 
@@ -23,6 +24,7 @@ export default function SwitchBranchComponent({
     })
       .then((res) => {
         if (res.data.data && !res.data.error) {
+          switchReloadView();
           closeBackdrop(true);
         }
       })
@@ -31,7 +33,7 @@ export default function SwitchBranchComponent({
           setBranchError(true);
         }
       });
-  }, [branchName, closeBackdrop, repoId]);
+  }, [branchName, closeBackdrop, repoId, switchReloadView]);
 
   return (
     <div className="xl:w-3/4 lg:w-3/4 md:w-11/12 sm:w-11/12 repo-backdrop--switchbranch">

ui/src/Components/DashBoard/Repository/RepoComponents/RepoDetails/RepositoryDetails.js

@@ -85,6 +85,9 @@ export default function RepositoryDetails(props) {
         repoId={repoIdState}
         branchName={selectedBranch}
         closeBackdrop={closeBackdrop}
+        switchReloadView={() => {
+          setReloadView(true);
+        }}
       ></SwitchBranchComponent>
     );
   }, [repoIdState, selectedBranch]);
@@ -185,7 +188,6 @@ export default function RepositoryDetails(props) {
     setBackdropToggle(true);
     setAction("switchbranch");
     setSelectedBranch(branchName);
-    setReloadView(true);
   };
 
   const actionComponentPicker = () => {