update types

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> = ({
+export const FeaturesOverviewLifecycleFilters: FC<
-    state,
+    FeaturesOverviewLifecycleFiltersProps
-    onChange,
+> = ({ state, onChange, total, children }) => {
-    total,
-    children,
-}) => {
     const { lifecycleCount } = useLifecycleCount();
     const countData = Object.entries(lifecycleCount || {}).reduce(
         (acc, [key, value]) => {

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> = ({
+export const FeaturesOverviewToggleFilters: FC<
-    state,
+    FeaturesOverviewToggleFiltersProps
-    onChange,
+> = ({ state, onChange }) => {
-}) => {
     const { projects } = useProjects();
     const { segments } = useSegments();
     const { tags } = useAllTags();

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);

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,

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,