Updated name to correspond to the object deployment

dashboard/src/main/home/cluster-dashboard/preview-environments/EnvironmentCard.tsx → dashboard/src/main/home/cluster-dashboard/preview-environments/DeploymentCard.tsx

@@ -10,7 +10,7 @@ import api from "shared/api";
 import { useContext } from "react";
 import { Context } from "shared/Context";
 
-const EnvironmentCard: React.FC<{
+const DeploymentCard: React.FC<{
   deployment: PRDeployment;
   environment: Environment;
   onDelete: () => void;
@@ -47,7 +47,7 @@ const EnvironmentCard: React.FC<{
   };
 
   return (
-    <EnvironmentCardWrapper key={deployment.id}>
+    <DeploymentCardWrapper key={deployment.id}>
       <DataContainer>
         <PRName>
           <PRIcon src={pr_icon} alt="pull request icon" />
@@ -128,11 +128,11 @@ const EnvironmentCard: React.FC<{
           </DeleteMessage>
         )}
       </Flex>
-    </EnvironmentCardWrapper>
+    </DeploymentCardWrapper>
   );
 };
 
-export default EnvironmentCard;
+export default DeploymentCard;
 
 const DeleteMessage = styled.div`
   display: flex;
@@ -188,7 +188,7 @@ const PRName = styled.div`
   margin-bottom: 10px;
 `;
 
-const EnvironmentCardWrapper = styled.div`
+const DeploymentCardWrapper = styled.div`
   display: flex;
   align-items: center;
   justify-content: space-between;

dashboard/src/main/home/cluster-dashboard/preview-environments/EnvironmentDetail.tsx → dashboard/src/main/home/cluster-dashboard/preview-environments/DeploymentDetail.tsx

@@ -14,17 +14,13 @@ import github from "assets/github-white.png";
 import { integrationList } from "shared/common";
 import { capitalize } from "shared/string_utils";
 
-const EnvironmentDetail = () => {
+const DeploymentDetail = () => {
   const { params } = useRouteMatch<{ namespace: string }>();
   const context = useContext(Context);
   const [prDeployment, setPRDeployment] = useState<PRDeployment>(null);
-  const [hasError, setHasError] = useState(false);
-  const [isLoading, setIsLoading] = useState(false);
   const [showRepoTooltip, setShowRepoTooltip] = useState(false);
 
-  const { currentProject, currentCluster, setCurrentError } = useContext(
-    Context
-  );
+  const { currentProject, currentCluster } = useContext(Context);
 
   const { search } = useLocation();
   let searchParams = new URLSearchParams(search);
@@ -55,14 +51,8 @@ const EnvironmentDetail = () => {
       .catch((err) => {
         console.error(err);
         if (isSubscribed) {
-          setHasError(true);
           setPRDeployment(null);
         }
-      })
-      .finally(() => {
-        if (isSubscribed) {
-          setIsLoading(false);
-        }
       });
   }, [params]);
 
@@ -137,7 +127,7 @@ const EnvironmentDetail = () => {
   );
 };
 
-export default EnvironmentDetail;
+export default DeploymentDetail;
 
 const Flex = styled.div`
   display: flex;

dashboard/src/main/home/cluster-dashboard/preview-environments/DeploymentList.tsx

@@ -12,7 +12,7 @@ import ConnectNewRepo from "./components/ConnectNewRepo";
 import Loading from "components/Loading";
 
 import _, { flatMapDepth } from "lodash";
-import EnvironmentCard from "./EnvironmentCard";
+import EnvironmentCard from "./DeploymentCard";
 
 export type PRDeployment = {
   id: number;

dashboard/src/main/home/cluster-dashboard/preview-environments/routes.tsx

@@ -2,7 +2,7 @@ import React, { useContext } from "react";
 import { Redirect, Route, Switch, useRouteMatch } from "react-router";
 import { Context } from "shared/Context";
 import ConnectNewRepo from "./components/ConnectNewRepo";
-import EnvironmentDetail from "./EnvironmentDetail";
+import EnvironmentDetail from "./DeploymentDetail";
 import PreviewEnvironmentsHome from "./PreviewEnvironmentsHome";
 
 export const Routes = () => {