fix: sync (#334)

frontend/src/component/archive/archive-list-container.js

@@ -11,6 +11,9 @@ const mapDispatchToProps = {
     updateSetting: updateSettingForGroup('feature'),
 };
 
-const ArchiveListContainer = connect(mapStateToProps, mapDispatchToProps)(FeatureListComponent);
+const ArchiveListContainer = connect(
+    mapStateToProps,
+    mapDispatchToProps
+)(FeatureListComponent);
 
 export default ArchiveListContainer;

frontend/src/component/common/BreadcrumbNav/BreadcrumbNav.styles.ts

@@ -5,9 +5,8 @@ export const useStyles = makeStyles(theme => ({
         position: 'absolute',
         top: '4px',
     },
-    breadcrumbNavParagraph: { textTransform: 'capitalize', color: 'inherit' },
+    breadcrumbNavParagraph: { color: 'inherit' },
     breadcrumbLink: {
-        textTransform: 'capitalize',
         textDecoration: 'none',
     },
 }));

frontend/src/component/feature/FeatureToggleList/index.jsx

@@ -32,12 +32,19 @@ export const mapStateToPropsConfigurable = isFeature => state => {
             f => f.project === settings.currentProjectId
         );
     }
-
     if (settings.filter) {
         try {
             const regex = new RegExp(settings.filter, 'i');
-            features = features.filter(
-                feature =>
+            features = features.filter(feature => {
+                if (!isFeature) {
+                    return (
+                        regex.test(feature.name) ||
+                        regex.test(feature.description) ||
+                        (settings.filter.length > 1 &&
+                            regex.test(JSON.stringify(feature)))
+                    );
+                }
+                return (
                     feature.strategies.some(s => checkConstraints(s, regex)) ||
                     regex.test(feature.name) ||
                     regex.test(feature.description) ||
@@ -46,7 +53,8 @@ export const mapStateToPropsConfigurable = isFeature => state => {
                     ) ||
                     (settings.filter.length > 1 &&
                         regex.test(JSON.stringify(feature)))
-            );
+                );
+            });
         } catch (e) {
             // Invalid filter regex
         }

frontend/src/component/feature/FeatureView/FeatureView.jsx

@@ -76,12 +76,10 @@ const FeatureView = ({
     }, []);
 
     useLayoutEffect(() => {
-        if (features.length === 0) {
-            if (isFeatureView) {
-                fetchFeatureToggles();
-            } else {
-                fetchArchive();
-            }
+        if (isFeatureView) {
+            fetchFeatureToggles();
+        } else {
+            fetchArchive();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);