fixed delete routing and inactive loading

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

@@ -172,20 +172,18 @@ const DeploymentCard: React.FC<{
                 )}
               </ActionButton>
             ) : (
-              <RowButton
-                to={"#"}
-                key={deployment.subdomain}
-                onClick={() =>
+              <Button
+                onClick={() => {
                   setCurrentOverlay({
                     message: `Are you sure you want to delete this deployment?`,
                     onYes: deleteDeployment,
                     onNo: () => setCurrentOverlay(null),
                   })
-                }
+                }}
               >
                 <i className="material-icons">delete</i>
                 Delete
-              </RowButton>
+              </Button>
             )}
           </>
         ) : (
@@ -350,6 +348,27 @@ const RowButton = styled(DynamicLink)`
   }
 `;
 
+const Button = styled.div`
+  font-size: 12px;
+  padding: 8px 10px;
+  margin-left: 10px;
+  border-radius: 5px;
+  color: #ffffff;
+  border: 1px solid #aaaabb;
+  display: flex;
+  align-items: center;
+  background: #ffffff08;
+  cursor: pointer;
+  :hover {
+    background: #ffffff22;
+  }
+
+  > i {
+    font-size: 14px;
+    margin-right: 8px;
+  }
+`;
+
 const Status = styled.span`
   font-size: 13px;
   display: flex;

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

@@ -235,6 +235,7 @@ const DeploymentList = ({ environments }: { environments: Environment[] }) => {
   };
 
   const handleStatusFilterChange = (value: string) => {
+    setIsLoading(true);
     pushQueryParams({ status_filter: value });
     setStatusSelectorVal(value);
   };