mirror of
				https://github.com/Unleash/unleash.git
				synced 2025-10-27 11:02:16 +01:00 
			
		
		
		
	fix: linting (#4925)
Biome linting fix Signed-off-by: andreas-unleash <andreas@getunleash.ai>
This commit is contained in:
		
							parent
							
								
									784d38c230
								
							
						
					
					
						commit
						630028acba
					
				| @ -1,35 +1,35 @@ | ||||
| import { useMemo } from "react"; | ||||
| import { useMemo } from 'react'; | ||||
| import { | ||||
|     IEnvironments, | ||||
|     IFeatureToggleListItem, | ||||
| } from "interfaces/featureToggle"; | ||||
| import { TablePlaceholder, VirtualizedTable } from "component/common/Table"; | ||||
| import { PageContent } from "component/common/PageContent/PageContent"; | ||||
| import { SearchHighlightProvider } from "component/common/Table/SearchHighlightContext/SearchHighlightContext"; | ||||
| import { PageHeader } from "component/common/PageHeader/PageHeader"; | ||||
| import { sortTypes } from "utils/sortTypes"; | ||||
| } from 'interfaces/featureToggle'; | ||||
| import { TablePlaceholder, VirtualizedTable } from 'component/common/Table'; | ||||
| import { PageContent } from 'component/common/PageContent/PageContent'; | ||||
| import { SearchHighlightProvider } from 'component/common/Table/SearchHighlightContext/SearchHighlightContext'; | ||||
| import { PageHeader } from 'component/common/PageHeader/PageHeader'; | ||||
| import { sortTypes } from 'utils/sortTypes'; | ||||
| import { | ||||
|     useFlexLayout, | ||||
|     useGlobalFilter, | ||||
|     useSortBy, | ||||
|     useTable, | ||||
| } from "react-table"; | ||||
| import { useMediaQuery, useTheme } from "@mui/material"; | ||||
| import { FeatureSeenCell } from "component/common/Table/cells/FeatureSeenCell/FeatureSeenCell"; | ||||
| import { FeatureTypeCell } from "component/common/Table/cells/FeatureTypeCell/FeatureTypeCell"; | ||||
| import { FeatureNameCell } from "component/common/Table/cells/FeatureNameCell/FeatureNameCell"; | ||||
| import { DateCell } from "component/common/Table/cells/DateCell/DateCell"; | ||||
| import { FeatureStaleCell } from "component/feature/FeatureToggleList/FeatureStaleCell/FeatureStaleCell"; | ||||
| import { ConditionallyRender } from "component/common/ConditionallyRender/ConditionallyRender"; | ||||
| import { Search } from "component/common/Search/Search"; | ||||
| import { ReportExpiredCell } from "./ReportExpiredCell/ReportExpiredCell"; | ||||
| import { ReportStatusCell } from "./ReportStatusCell/ReportStatusCell"; | ||||
| import { formatStatus, ReportingStatus } from "./ReportStatusCell/formatStatus"; | ||||
| import { formatExpiredAt } from "./ReportExpiredCell/formatExpiredAt"; | ||||
| import { useConditionallyHiddenColumns } from "hooks/useConditionallyHiddenColumns"; | ||||
| import useUiConfig from "hooks/api/getters/useUiConfig/useUiConfig"; | ||||
| import { FeatureEnvironmentSeenCell } from "component/common/Table/cells/FeatureSeenCell/FeatureEnvironmentSeenCell"; | ||||
| import useFeatureTypes from "hooks/api/getters/useFeatureTypes/useFeatureTypes"; | ||||
| } from 'react-table'; | ||||
| import { useMediaQuery, useTheme } from '@mui/material'; | ||||
| import { FeatureSeenCell } from 'component/common/Table/cells/FeatureSeenCell/FeatureSeenCell'; | ||||
| import { FeatureTypeCell } from 'component/common/Table/cells/FeatureTypeCell/FeatureTypeCell'; | ||||
| import { FeatureNameCell } from 'component/common/Table/cells/FeatureNameCell/FeatureNameCell'; | ||||
| import { DateCell } from 'component/common/Table/cells/DateCell/DateCell'; | ||||
| import { FeatureStaleCell } from 'component/feature/FeatureToggleList/FeatureStaleCell/FeatureStaleCell'; | ||||
| import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; | ||||
| import { Search } from 'component/common/Search/Search'; | ||||
| import { ReportExpiredCell } from './ReportExpiredCell/ReportExpiredCell'; | ||||
| import { ReportStatusCell } from './ReportStatusCell/ReportStatusCell'; | ||||
| import { formatStatus, ReportingStatus } from './ReportStatusCell/formatStatus'; | ||||
| import { formatExpiredAt } from './ReportExpiredCell/formatExpiredAt'; | ||||
| import { useConditionallyHiddenColumns } from 'hooks/useConditionallyHiddenColumns'; | ||||
| import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig'; | ||||
| import { FeatureEnvironmentSeenCell } from 'component/common/Table/cells/FeatureSeenCell/FeatureEnvironmentSeenCell'; | ||||
| import useFeatureTypes from 'hooks/api/getters/useFeatureTypes/useFeatureTypes'; | ||||
| 
 | ||||
| interface IReportTableProps { | ||||
|     projectId: string; | ||||
| @ -50,12 +50,12 @@ export interface IReportTableRow { | ||||
| 
 | ||||
| export const ReportTable = ({ projectId, features }: IReportTableProps) => { | ||||
|     const theme = useTheme(); | ||||
|     const isExtraSmallScreen = useMediaQuery(theme.breakpoints.down("sm")); | ||||
|     const isSmallScreen = useMediaQuery(theme.breakpoints.down("md")); | ||||
|     const isMediumScreen = useMediaQuery(theme.breakpoints.down("lg")); | ||||
|     const isExtraSmallScreen = useMediaQuery(theme.breakpoints.down('sm')); | ||||
|     const isSmallScreen = useMediaQuery(theme.breakpoints.down('md')); | ||||
|     const isMediumScreen = useMediaQuery(theme.breakpoints.down('lg')); | ||||
|     const { uiConfig } = useUiConfig(); | ||||
|     const showEnvironmentLastSeen = Boolean( | ||||
|         uiConfig.flags.lastSeenByEnvironment | ||||
|         uiConfig.flags.lastSeenByEnvironment, | ||||
|     ); | ||||
|     const { featureTypes } = useFeatureTypes(); | ||||
| 
 | ||||
| @ -72,22 +72,22 @@ export const ReportTable = ({ projectId, features }: IReportTableProps) => { | ||||
|                 createdAt: report.createdAt, | ||||
|                 expiredAt: formatExpiredAt(report, featureTypes), | ||||
|             })), | ||||
|         [projectId, features, featureTypes] | ||||
|         [projectId, features, featureTypes], | ||||
|     ); | ||||
| 
 | ||||
|     const initialState = useMemo( | ||||
|         () => ({ | ||||
|             hiddenColumns: [], | ||||
|             sortBy: [{ id: "createdAt" }], | ||||
|             sortBy: [{ id: 'createdAt' }], | ||||
|         }), | ||||
|         [] | ||||
|         [], | ||||
|     ); | ||||
| 
 | ||||
|     const COLUMNS = useMemo( | ||||
|         () => [ | ||||
|             { | ||||
|                 Header: "Seen", | ||||
|                 accessor: "lastSeenAt", | ||||
|                 Header: 'Seen', | ||||
|                 accessor: 'lastSeenAt', | ||||
|                 Cell: ({ value, row: { original: feature } }: any) => { | ||||
|                     return showEnvironmentLastSeen ? ( | ||||
|                         <FeatureEnvironmentSeenCell feature={feature} /> | ||||
| @ -95,57 +95,57 @@ export const ReportTable = ({ projectId, features }: IReportTableProps) => { | ||||
|                         <FeatureSeenCell value={value} /> | ||||
|                     ); | ||||
|                 }, | ||||
|                 align: "center", | ||||
|                 align: 'center', | ||||
|                 maxWidth: 80, | ||||
|             }, | ||||
|             { | ||||
|                 Header: "Type", | ||||
|                 accessor: "type", | ||||
|                 align: "center", | ||||
|                 Header: 'Type', | ||||
|                 accessor: 'type', | ||||
|                 align: 'center', | ||||
|                 Cell: FeatureTypeCell, | ||||
|                 disableGlobalFilter: true, | ||||
|                 maxWidth: 85, | ||||
|             }, | ||||
|             { | ||||
|                 Header: "Name", | ||||
|                 accessor: "name", | ||||
|                 sortType: "alphanumeric", | ||||
|                 Header: 'Name', | ||||
|                 accessor: 'name', | ||||
|                 sortType: 'alphanumeric', | ||||
|                 Cell: FeatureNameCell, | ||||
|                 minWidth: 120, | ||||
|             }, | ||||
|             { | ||||
|                 Header: "Created", | ||||
|                 accessor: "createdAt", | ||||
|                 sortType: "date", | ||||
|                 Header: 'Created', | ||||
|                 accessor: 'createdAt', | ||||
|                 sortType: 'date', | ||||
|                 Cell: DateCell, | ||||
|                 disableGlobalFilter: true, | ||||
|                 maxWidth: 150, | ||||
|             }, | ||||
|             { | ||||
|                 Header: "Expired", | ||||
|                 accessor: "expiredAt", | ||||
|                 Header: 'Expired', | ||||
|                 accessor: 'expiredAt', | ||||
|                 Cell: ReportExpiredCell, | ||||
|                 disableGlobalFilter: true, | ||||
|                 maxWidth: 150, | ||||
|             }, | ||||
|             { | ||||
|                 Header: "Status", | ||||
|                 id: "status", | ||||
|                 accessor: "status", | ||||
|                 Header: 'Status', | ||||
|                 id: 'status', | ||||
|                 accessor: 'status', | ||||
|                 Cell: ReportStatusCell, | ||||
|                 disableGlobalFilter: true, | ||||
|                 width: 180, | ||||
|             }, | ||||
|             { | ||||
|                 Header: "State", | ||||
|                 accessor: "stale", | ||||
|                 sortType: "boolean", | ||||
|                 Header: 'State', | ||||
|                 accessor: 'stale', | ||||
|                 sortType: 'boolean', | ||||
|                 Cell: FeatureStaleCell, | ||||
|                 disableGlobalFilter: true, | ||||
|                 maxWidth: 120, | ||||
|             }, | ||||
|         ], | ||||
|         [showEnvironmentLastSeen] | ||||
|         [showEnvironmentLastSeen], | ||||
|     ); | ||||
| 
 | ||||
|     const { | ||||
| @ -168,26 +168,26 @@ export const ReportTable = ({ projectId, features }: IReportTableProps) => { | ||||
|         }, | ||||
|         useGlobalFilter, | ||||
|         useFlexLayout, | ||||
|         useSortBy | ||||
|         useSortBy, | ||||
|     ); | ||||
| 
 | ||||
|     useConditionallyHiddenColumns( | ||||
|         [ | ||||
|             { | ||||
|                 condition: isExtraSmallScreen, | ||||
|                 columns: ["stale"], | ||||
|                 columns: ['stale'], | ||||
|             }, | ||||
|             { | ||||
|                 condition: isSmallScreen, | ||||
|                 columns: ["expiredAt", "lastSeenAt"], | ||||
|                 columns: ['expiredAt', 'lastSeenAt'], | ||||
|             }, | ||||
|             { | ||||
|                 condition: isMediumScreen, | ||||
|                 columns: ["createdAt"], | ||||
|                 columns: ['createdAt'], | ||||
|             }, | ||||
|         ], | ||||
|         setHiddenColumns, | ||||
|         COLUMNS | ||||
|         COLUMNS, | ||||
|     ); | ||||
| 
 | ||||
|     const title = | ||||
|  | ||||
		Loading…
	
		Reference in New Issue
	
	Block a user