chore: remove context/segment usage flag (#4242)

frontend/src/component/context/ContextFieldUsage/ContextFieldUsage.test.tsx

@@ -24,12 +24,6 @@ const setupRoutes = () => {
             ],
         }
     );
-    testServerRoute(server, '/api/admin/ui-config', {
-        flags: {
-            segmentContextFieldUsage: true,
-        },
-    });
-
     testServerRoute(server, '/api/admin/projects', {
         version: 1,
         projects: [

frontend/src/component/context/ContextForm/ContextForm.tsx

@@ -267,10 +267,7 @@ export const ContextForm: React.FC<IContextForm> = ({
                     />
                     <Typography>{stickiness ? 'On' : 'Off'}</Typography>
                 </StyledSwitchContainer>
-                <ConditionallyRender
+                <ContextFieldUsage contextName={contextName} />
-                    condition={Boolean(uiConfig.flags.segmentContextFieldUsage)}
-                    show={<ContextFieldUsage contextName={contextName} />}
-                />
             </StyledContainer>
             <StyledButtonContainer>
                 {children}

frontend/src/component/context/ContextList/ContextList/ContextList.test.tsx

@@ -20,12 +20,6 @@ const setupRoutes = () => {
             createdAt: '2023-05-24T06:23:07.797Z',
         },
     ]);
-    testServerRoute(server, '/api/admin/ui-config', {
-        flags: {
-            SE: true,
-            segmentContextFieldUsage: true,
-        },
-    });
 };
 
 test('should show the count of projects and features used in', async () => {

frontend/src/component/context/ContextList/ContextList/ContextList.tsx

@@ -86,8 +86,6 @@ const ContextList: VFC = () => {
                 ),
                 sortType: 'alphanumeric',
             },
-            ...(uiConfig.flags.segmentContextFieldUsage
-                ? [
             {
                 Header: 'Used in',
                 width: '60%',
@@ -95,8 +93,6 @@ const ContextList: VFC = () => {
                     <UsedInCell original={original} />
                 ),
             },
-                  ]
-                : []),
             {
                 Header: 'Actions',
                 id: 'Actions',
@@ -128,7 +124,7 @@ const ContextList: VFC = () => {
                 sortType: 'number',
             },
         ],
-        [uiConfig.flags.segmentContextFieldUsage]
+        []
     );
 
     const initialState = useMemo(

frontend/src/component/segments/SegmentTable/SegmentTable.test.tsx

@@ -25,7 +25,6 @@ const setupRoutes = () => {
     testServerRoute(server, '/api/admin/ui-config', {
         flags: {
             SE: true,
-            segmentContextFieldUsage: true,
         },
     });
 };

frontend/src/component/segments/SegmentTable/SegmentTable.tsx

@@ -59,10 +59,7 @@ export const SegmentTable = () => {
         return segments;
     }, [segments, projectId]);
 
-    const columns = useMemo(
+    const columns = useMemo(() => getColumns(), []);
-        () => getColumns(uiConfig.flags.segmentContextFieldUsage),
-        [uiConfig.flags.segmentContextFieldUsage]
-    );
     const {
         getTableProps,
         getTableBodyProps,
@@ -177,7 +174,7 @@ export const SegmentTable = () => {
     );
 };
 
-const getColumns = (segmentContextFieldUsage?: boolean) => [
+const getColumns = () => [
     {
         id: 'Icon',
         width: '1%',
@@ -201,8 +198,6 @@ const getColumns = (segmentContextFieldUsage?: boolean) => [
             />
         ),
     },
-    ...(segmentContextFieldUsage
-        ? [
     {
         Header: 'Used in',
         width: '60%',
@@ -210,9 +205,6 @@ const getColumns = (segmentContextFieldUsage?: boolean) => [
             <UsedInCell original={original} />
         ),
     },
-          ]
-        : []),
-
     {
         Header: 'Project',
         accessor: 'project',

frontend/src/interfaces/uiConfig.ts

@@ -48,7 +48,6 @@ export interface IFlags {
     demo?: boolean;
     googleAuthEnabled?: boolean;
     disableBulkToggle?: boolean;
-    segmentContextFieldUsage?: boolean;
     disableNotifications?: boolean;
     advancedPlayground?: boolean;
     customRootRoles?: boolean;

src/lib/__snapshots__/create-config.test.ts.snap

@@ -94,7 +94,6 @@ exports[`should create default config 1`] = `
       "personalAccessTokensKillSwitch": false,
       "proPlanAutoCharge": false,
       "responseTimeWithAppNameKillSwitch": false,
-      "segmentContextFieldUsage": false,
       "slackAppAddon": false,
       "strategySplittedButton": false,
       "strategyVariant": false,
@@ -130,7 +129,6 @@ exports[`should create default config 1`] = `
       "personalAccessTokensKillSwitch": false,
       "proPlanAutoCharge": false,
       "responseTimeWithAppNameKillSwitch": false,
-      "segmentContextFieldUsage": false,
       "slackAppAddon": false,
       "strategySplittedButton": false,
       "strategyVariant": false,

src/lib/db/context-field-store.ts

@@ -87,7 +87,6 @@ class ContextFieldStore implements IContextFieldStore {
     }
 
     async getAll(): Promise<IContextField[]> {
-        if (this.flagResolver.isEnabled('segmentContextFieldUsage')) {
         const rows = await this.db
             .select(
                 this.prefixColumns(),
@@ -115,14 +114,6 @@ class ContextFieldStore implements IContextFieldStore {
             )
             .orderBy('name', 'asc');
         return rows.map(mapRow);
-        } else {
-            const rows = await this.db
-                .select(COLUMNS)
-                .from(T.contextFields)
-                .orderBy('name', 'asc');
-
-            return rows.map(mapRow);
-        }
     }
 
     async get(key: string): Promise<IContextField> {

src/lib/db/segment-store.ts

@@ -107,7 +107,6 @@ export default class SegmentStore implements ISegmentStore {
     }
 
     async getAll(): Promise<ISegment[]> {
-        if (this.flagResolver.isEnabled('segmentContextFieldUsage')) {
         const rows: ISegmentRow[] = await this.db
             .select(
                 this.prefixColumns(),
@@ -135,14 +134,6 @@ export default class SegmentStore implements ISegmentStore {
             .orderBy('name', 'asc');
 
         return rows.map(this.mapRow);
-        } else {
-            const rows: ISegmentRow[] = await this.db
-                .select(this.prefixColumns())
-                .from(T.segments)
-                .orderBy('name', 'asc');
-
-            return rows.map(this.mapRow);
-        }
     }
 
     async getActive(): Promise<ISegment[]> {

src/lib/types/experimental.ts

@@ -19,7 +19,6 @@ export type IFlagKey =
     | 'demo'
     | 'googleAuthEnabled'
     | 'disableBulkToggle'
-    | 'segmentContextFieldUsage'
     | 'disableNotifications'
     | 'advancedPlayground'
     | 'customRootRoles'
@@ -96,10 +95,6 @@ const flags: IFlags = {
         process.env.DISABLE_BULK_TOGGLE,
         false,
     ),
-    segmentContextFieldUsage: parseEnvVarBoolean(
-        process.env.UNLEASH_SSEGMENT_CONTEXT_FIELD_USAGE,
-        false,
-    ),
     disableNotifications: parseEnvVarBoolean(
         process.env.DISABLE_NOTIFICATIONS,
         false,

src/server-dev.ts

@@ -37,7 +37,6 @@ process.nextTick(async () => {
                         embedProxyFrontend: true,
                         anonymiseEventLog: false,
                         responseTimeWithAppNameKillSwitch: false,
-                        segmentContextFieldUsage: true,
                         advancedPlayground: true,
                         strategySplittedButton: true,
                         strategyVariant: true,