From 1b2ec7ab640674b92743ede4fdbb6af72e748570 Mon Sep 17 00:00:00 2001
From: Tymoteusz Czech <2625371+Tymek@users.noreply.github.com>
Date: Thu, 11 Sep 2025 12:49:21 +0200
Subject: [PATCH] update types

---
 .../FeaturesOverviewLifecycleFilters.tsx            | 13 +++++--------
 .../FeaturesOverviewToggleFilters.tsx               | 13 ++++++-------
 .../ProjectFeatureToggles.tsx                       |  6 +++---
 .../ProjectLifecycleFilters.tsx                     |  6 +++---
 .../ProjectOverviewFilters.tsx                      |  8 ++++----
 5 files changed, 21 insertions(+), 25 deletions(-)

diff --git a/frontend/src/component/feature/FeatureToggleList/FeaturesOverviewLifecycleFilters/FeaturesOverviewLifecycleFilters.tsx b/frontend/src/component/feature/FeatureToggleList/FeaturesOverviewLifecycleFilters/FeaturesOverviewLifecycleFilters.tsx
index e91585e02b..5621a5520d 100644
--- a/frontend/src/component/feature/FeatureToggleList/FeaturesOverviewLifecycleFilters/FeaturesOverviewLifecycleFilters.tsx
+++ b/frontend/src/component/feature/FeatureToggleList/FeaturesOverviewLifecycleFilters/FeaturesOverviewLifecycleFilters.tsx
@@ -4,19 +4,16 @@ import type { FilterItemParamHolder } from '../../../filter/Filters/Filters.tsx'
 import { useLifecycleCount } from 'hooks/api/getters/useLifecycleCount/useLifecycleCount';
 import { LifecycleFilters } from '../../../common/LifecycleFilters/LifecycleFilters.tsx';
 
-interface ILifecycleFiltersProps {
+type FeaturesOverviewLifecycleFiltersProps = {
     state: FilterItemParamHolder;
     onChange: (value: FilterItemParamHolder) => void;
     total?: number;
     children?: ReactNode;
-}
+};
 
-export const FeaturesOverviewLifecycleFilters: FC<ILifecycleFiltersProps> = ({
-    state,
-    onChange,
-    total,
-    children,
-}) => {
+export const FeaturesOverviewLifecycleFilters: FC<
+    FeaturesOverviewLifecycleFiltersProps
+> = ({ state, onChange, total, children }) => {
     const { lifecycleCount } = useLifecycleCount();
     const countData = Object.entries(lifecycleCount || {}).reduce(
         (acc, [key, value]) => {
diff --git a/frontend/src/component/feature/FeatureToggleList/FeaturesOverviewLifecycleFilters/FeaturesOverviewToggleFilters.tsx b/frontend/src/component/feature/FeatureToggleList/FeaturesOverviewLifecycleFilters/FeaturesOverviewToggleFilters.tsx
index 04eeda78d9..df25d41f97 100644
--- a/frontend/src/component/feature/FeatureToggleList/FeaturesOverviewLifecycleFilters/FeaturesOverviewToggleFilters.tsx
+++ b/frontend/src/component/feature/FeatureToggleList/FeaturesOverviewLifecycleFilters/FeaturesOverviewToggleFilters.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState, type VFC } from 'react';
+import { type FC, useEffect, useState } from 'react';
 import useProjects from 'hooks/api/getters/useProjects/useProjects';
 import { useSegments } from 'hooks/api/getters/useSegments/useSegments';
 import useAllTags from 'hooks/api/getters/useAllTags/useAllTags';
@@ -9,15 +9,14 @@ import {
 } from 'component/filter/Filters/Filters';
 import { formatTag } from 'utils/format-tag';
 
-interface IFeatureToggleFiltersProps {
+type FeaturesOverviewToggleFiltersProps = {
     state: FilterItemParamHolder;
     onChange: (value: FilterItemParamHolder) => void;
-}
+};
 
-export const FeaturesOverviewToggleFilters: VFC<IFeatureToggleFiltersProps> = ({
-    state,
-    onChange,
-}) => {
+export const FeaturesOverviewToggleFilters: FC<
+    FeaturesOverviewToggleFiltersProps
+> = ({ state, onChange }) => {
     const { projects } = useProjects();
     const { segments } = useSegments();
     const { tags } = useAllTags();
diff --git a/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureToggles.tsx b/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureToggles.tsx
index 30cc2531c2..fb69b74d38 100644
--- a/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureToggles.tsx
+++ b/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureToggles.tsx
@@ -57,9 +57,9 @@ import { ImportModal } from '../Import/ImportModal.tsx';
 import { IMPORT_BUTTON } from 'utils/testIds';
 import { ProjectCleanupReminder } from './ProjectCleanupReminder/ProjectCleanupReminder.tsx';
 
-interface IPaginatedProjectFeatureTogglesProps {
+type ProjectFeatureTogglesProps = {
     environments: string[];
-}
+};
 
 const formatEnvironmentColumnId = (environment: string) =>
     `environment:${environment}`;
@@ -87,7 +87,7 @@ const ButtonGroup = styled('div')(({ theme }) => ({
 
 export const ProjectFeatureToggles = ({
     environments,
-}: IPaginatedProjectFeatureTogglesProps) => {
+}: ProjectFeatureTogglesProps) => {
     const { trackEvent } = usePlausibleTracker();
     const projectId = useRequiredPathParam('projectId');
     const { project } = useProjectOverview(projectId);
diff --git a/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectLifecycleFilters.tsx b/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectLifecycleFilters.tsx
index 420ff69578..0c188a70de 100644
--- a/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectLifecycleFilters.tsx
+++ b/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectLifecycleFilters.tsx
@@ -5,15 +5,15 @@ import { useProjectStatus } from 'hooks/api/getters/useProjectStatus/useProjectS
 import { LifecycleFilters } from '../../../common/LifecycleFilters/LifecycleFilters.tsx';
 import { Box, useMediaQuery, useTheme } from '@mui/material';
 
-interface IProjectLifecycleFiltersProps {
+type ProjectLifecycleFiltersProps = {
     projectId: string;
     state: FilterItemParamHolder;
     onChange: (value: FilterItemParamHolder) => void;
     total?: number;
     children?: ReactNode;
-}
+};
 
-export const ProjectLifecycleFilters: FC<IProjectLifecycleFiltersProps> = ({
+export const ProjectLifecycleFilters: FC<ProjectLifecycleFiltersProps> = ({
     projectId,
     state,
     onChange,
diff --git a/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectOverviewFilters.tsx b/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectOverviewFilters.tsx
index a1c853d36a..0a616e22c4 100644
--- a/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectOverviewFilters.tsx
+++ b/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectOverviewFilters.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState, type VFC } from 'react';
+import { useEffect, useState, type FC } from 'react';
 import useAllTags from 'hooks/api/getters/useAllTags/useAllTags';
 import {
     type FilterItemParamHolder,
@@ -8,13 +8,13 @@ import {
 import { useProjectFlagCreators } from 'hooks/api/getters/useProjectFlagCreators/useProjectFlagCreators';
 import { formatTag } from 'utils/format-tag';
 
-interface IProjectOverviewFilters {
+type ProjectOverviewFiltersProps = {
     state: FilterItemParamHolder;
     onChange: (value: FilterItemParamHolder) => void;
     project: string;
-}
+};
 
-export const ProjectOverviewFilters: VFC<IProjectOverviewFilters> = ({
+export const ProjectOverviewFilters: FC<ProjectOverviewFiltersProps> = ({
     state,
     onChange,
     project,