chore: add flags for UI filter refactor (#10708)

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

@@ -50,13 +50,13 @@ export const ProjectLifecycleFilters: FC<ProjectLifecycleFiltersProps> = ({
         <Box
             sx={{
                 marginRight: 'auto',
-                ...(!flagsUiFilterRefactorEnabled
+                ...(flagsUiFilterRefactorEnabled
-                    ? {
+                    ? {}
+                    : {
                           margin: isSmallScreen
                               ? theme.spacing(0, 3)
-                              : `${theme.spacing(1.5)} auto 0 0`,
+                              : `${theme.spacing(1.5)} auto ${theme.spacing(1.5)} ${theme.spacing(3)}`,
-                      }
+                      }),
-                    : {}),
             }}
         >
             <LifecycleFilters

src/lib/types/experimental.ts

@@ -60,7 +60,8 @@ export type IFlagKey =
     | 'optimizeLifecycle'
     | 'newStrategyModal'
     | 'globalChangeRequestList'
-    | 'newUiConfigService';
+    | 'newUiConfigService'
+    | 'flagsUiFilterRefactor';
 
 export type IFlags = Partial<{ [key in IFlagKey]: boolean | Variant }>;
 
@@ -278,6 +279,10 @@ const flags: IFlags = {
         process.env.UNLEASH_EXPERIMENTAL_NEW_UI_CONFIG_SERVICE,
         false,
     ),
+    flagsUiFilterRefactor: parseEnvVarBoolean(
+        process.env.UNLEASH_EXPERIMENTAL_FLAGS_UI_FILTER_REFACTOR,
+        false,
+    ),
 };
 
 export const defaultExperimentalOptions: IExperimentalOptions = {

src/server-dev.ts

@@ -56,6 +56,7 @@ process.nextTick(async () => {
                         newStrategyModal: true,
                         globalChangeRequestList: true,
                         newUiConfigService: true,
+                        flagsUiFilterRefactor: true,
                     },
                 },
                 authentication: {