feat: hide archive UI behind flag (#8591)

This new UI needs more work and we are soon making 6.4 release, I do not
want to release it without flag. Putting it behind flag.

frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectOverviewFilters.tsx

@@ -6,6 +6,7 @@ import {
     type IFilterItem,
 } from 'component/filter/Filters/Filters';
 import { useProjectFlagCreators } from 'hooks/api/getters/useProjectFlagCreators/useProjectFlagCreators';
+import { useUiFlag } from 'hooks/useUiFlag';
 
 interface IProjectOverviewFilters {
     state: FilterItemParamHolder;
@@ -21,6 +22,7 @@ export const ProjectOverviewFilters: VFC<IProjectOverviewFilters> = ({
     const { tags } = useAllTags();
     const { flagCreators } = useProjectFlagCreators(project);
     const [availableFilters, setAvailableFilters] = useState<IFilterItem[]>([]);
+    const simplifyProjectOverview = useUiFlag('simplifyProjectOverview');
 
     useEffect(() => {
         const tagsOptions = (tags || []).map((tag) => ({
@@ -95,14 +97,18 @@ export const ProjectOverviewFilters: VFC<IProjectOverviewFilters> = ({
                 singularOperators: ['IS', 'IS_NOT'],
                 pluralOperators: ['IS_ANY_OF', 'IS_NONE_OF'],
             },
-            {
+            ...(simplifyProjectOverview
-                label: 'Show only archived',
+                ? ([
-                icon: 'inventory',
+                      {
-                options: [{ label: 'True', value: 'true' }],
+                          label: 'Show only archived',
-                filterKey: 'archived',
+                          icon: 'inventory',
-                singularOperators: ['IS'],
+                          options: [{ label: 'True', value: 'true' }],
-                pluralOperators: ['IS_ANY_OF'],
+                          filterKey: 'archived',
-            },
+                          singularOperators: ['IS'],
+                          pluralOperators: ['IS_ANY_OF'],
+                      },
+                  ] as IFilterItem[])
+                : []),
         ];
 
         setAvailableFilters(availableFilters);

frontend/src/interfaces/uiConfig.ts

@@ -91,6 +91,7 @@ export type UiFlags = {
     purchaseAdditionalEnvironments?: boolean;
     unleashAI?: boolean;
     releasePlans?: boolean;
+    simplifyProjectOverview?: boolean;
 };
 
 export interface IVersionInfo {

src/lib/types/experimental.ts

@@ -61,7 +61,8 @@ export type IFlagKey =
     | 'addonUsageMetrics'
     | 'releasePlans'
     | 'navigationSidebar'
-    | 'productivityReportEmail';
+    | 'productivityReportEmail'
+    | 'simplifyProjectOverview';
 
 export type IFlags = Partial<{ [key in IFlagKey]: boolean | Variant }>;
 
@@ -306,6 +307,10 @@ const flags: IFlags = {
         process.env.UNLEASH_EXPERIMENTAL_PRODUCTIVITY_REPORT_EMAIL,
         false,
     ),
+    simplifyProjectOverview: parseEnvVarBoolean(
+        process.env.UNLEASH_EXPERIMENTAL_SIMPLIFY_PROJECT_OVERVIEW,
+        false,
+    ),
 };
 
 export const defaultExperimentalOptions: IExperimentalOptions = {

src/server-dev.ts

@@ -57,6 +57,7 @@ process.nextTick(async () => {
                         webhookDomainLogging: true,
                         addonUsageMetrics: true,
                         releasePlans: false,
+                        simplifyProjectOverview: true,
                     },
                 },
                 authentication: {