From 3dc7f22aaa329778db0b63164cb0ddcdfd34c381 Mon Sep 17 00:00:00 2001
From: Youssef Khedher <khedher.youssef@hotmail.fr>
Date: Tue, 19 Oct 2021 14:38:20 +0100
Subject: [PATCH] fix switch toggle for envs after update + update link for
 health overview (#446)

* fix switch toggle for envs after update

* fix: React hook missing dependency error
---
 .../feature/FeatureToggleListNew/FeatureToggleListNew.tsx  | 7 ++++++-
 .../component/project/Project/ProjectInfo/ProjectInfo.tsx  | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/feature/FeatureToggleListNew/FeatureToggleListNew.tsx b/frontend/src/component/feature/FeatureToggleListNew/FeatureToggleListNew.tsx
index 9c21a99ed8..5f2a612c10 100644
--- a/frontend/src/component/feature/FeatureToggleListNew/FeatureToggleListNew.tsx
+++ b/frontend/src/component/feature/FeatureToggleListNew/FeatureToggleListNew.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useEffect} from 'react';
 import {
     Table,
     TableBody,
@@ -80,6 +80,11 @@ const FeatureToggleListNew = ({
     
     const { page, pages, nextPage, prevPage, setPageIndex, pageIndex } =
         usePagination(sortedFeatures, 50);
+    
+    useEffect(() => {
+        setSortedFeatures(sortList([...features], sortOpt))
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [features])
 
     const updateSort = (field: string) => {
         let newSortOpt;
diff --git a/frontend/src/component/project/Project/ProjectInfo/ProjectInfo.tsx b/frontend/src/component/project/Project/ProjectInfo/ProjectInfo.tsx
index 046dd8a291..5529f3ab5c 100644
--- a/frontend/src/component/project/Project/ProjectInfo/ProjectInfo.tsx
+++ b/frontend/src/component/project/Project/ProjectInfo/ProjectInfo.tsx
@@ -50,7 +50,7 @@ const ProjectInfo = ({
                             commonStyles.justifyCenter,
                             styles.infoLink
                         )}
-                        to={`/reporting?project=${id}`}
+                        to={`/projects/${id}/health`}
                     >
                         <span className={styles.linkText} data-loading>
                             view more{' '}