chore: switch to FeatureSchema

frontend/src/component/changeRequest/ChangeRequest/Changes/Change/hooks/useCurrentStrategy.ts

@@ -15,8 +15,9 @@ export const useCurrentStrategy = (
     environmentName: string,
 ) => {
     const { feature: currentFeature } = useFeature(project, feature);
+
     const currentStrategy = currentFeature?.environments
-        .find((environment) => environment.name === environmentName)
+        ?.find((environment) => environment.name === environmentName)
         ?.strategies.find(
             (strategy) =>
                 'id' in change.payload && strategy.id === change.payload.id,

frontend/src/component/common/Table/cells/FeatureOverviewCell/FeatureOverviewCell.tsx

@@ -223,7 +223,7 @@
     const children = fetchedFeature.children;
     const parents = fetchedFeature.dependencies;
 
-    if (children.length > 0) {
+    if (children?.length > 0) {
         return (
             <>
                 <Box>Children</Box>
@@ -238,7 +238,7 @@
                 ))}
             </>
         );
     } else if (parents[0]) {
         const parentFeature = parents[0].feature;
         return (
             <>

frontend/src/component/feature/FeatureStrategy/FeatureStrategyCreate/FeatureStrategyCreate.tsx

@@ -83,7 +83,7 @@ export const FeatureStrategyCreate = () => {
     const navigate = useNavigate();
 
     const { feature, refetchFeature } = useFeature(projectId, featureId);
-    const featureEnvironment = feature?.environments.find(
+    const featureEnvironment = feature?.environments?.find(
         (featureEnvironment) => featureEnvironment.name === environmentId,
     );
     const strategyCount = featureEnvironment?.strategies.length || 0;

frontend/src/component/feature/FeatureView/FeatureOverview/FeatureLifecycle/FlagExposure.tsx

@@ -41,7 +41,7 @@ export const FlagExposure: FC<{
                 onUncomplete={refetchFeature}
             />
 
-            {feature.children.length > 0 ? (
+            {feature?.children?.length > 0 ? (
                 <FeatureArchiveNotAllowedDialog
                     features={feature.children}
                     project={project}

frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/FeatureOverviewEnvironment.tsx

@@ -124,11 +124,14 @@ const FeatureOverviewEnvironment = ({
     const { feature } = useFeature(projectId, featureId);
     const { value: globalStore } = useGlobalLocalStorage();
 
-    const featureMetrics = getFeatureMetrics(feature?.environments, metrics);
+    const featureMetrics = getFeatureMetrics(
+        feature?.environments ?? [],
+        metrics,
+    );
     const environmentMetric = featureMetrics.find(
         (featureMetric) => featureMetric.environment === env.name,
     );
-    const featureEnvironment = feature?.environments.find(
+    const featureEnvironment = feature?.environments?.find(
         (featureEnvironment) => featureEnvironment.name === env.name,
     );
 

frontend/src/component/feature/FeatureView/FeatureView.tsx

@@ -130,7 +130,7 @@
 
 const useLegacyVariants = (environments: IFeatureToggle['environments']) => {
     const enableLegacyVariants = useUiFlag('enableLegacyVariants');
-    const existingLegacyVariantsExist = environments.some(
+    const existingLegacyVariantsExist = environments?.some(
         (environment) => environment.variants?.length,
     );
     return enableLegacyVariants || existingLegacyVariantsExist;
@@ -274,7 +274,7 @@
                                 />
                             </StyledFlagInfoContainer>
                             <ConditionallyRender
                                 condition={feature.dependencies.length > 0}
                                 show={
                                     <StyledDependency>
                                         <b>Has parent: </b>

frontend/src/hooks/api/getters/useFeature/useFeature.ts

@@ -1,12 +1,11 @@
 import useSWR, { type SWRConfiguration } from 'swr';
 import { useCallback } from 'react';
-import { emptyFeature } from './emptyFeature';
 import handleErrorResponses from '../httpErrorResponseHandler';
 import { formatApiPath } from 'utils/formatPath';
-import type { IFeatureToggle } from 'interfaces/featureToggle';
+import type { FeatureSchema } from 'openapi';
 
 export interface IUseFeatureOutput {
-    feature: IFeatureToggle;
+    feature: FeatureSchema;
     refetchFeature: () => void;
     loading: boolean;
     status?: number;
@@ -15,7 +14,7 @@ export interface IUseFeatureOutput {
 
 export interface IFeatureResponse {
     status: number;
-    body?: IFeatureToggle;
+    body?: FeatureSchema;
 }
 
 export const useFeature = (
@@ -36,7 +35,7 @@ export const useFeature = (
     }, [mutate]);
 
     return {
-        feature: data?.body || emptyFeature,
+        feature: data?.body || { name: '' },
         refetchFeature,
         loading: !error && !data,
         status: data?.status,