Add feature flag check before rendering ui switch button

try-new-ui
Vivek 2025-03-14 23:10:54 +05:30
parent 02cb013263
commit 5a8f6ed2fb
1 changed files with 18 additions and 14 deletions

View File

@ -40,6 +40,7 @@ import { voidFn, formatDate, getErrorMessage, LIST_FETCHING_LIMIT, PageBrowserPr
import { NewRepoModalButton } from 'components/NewRepoModalButton/NewRepoModalButton' import { NewRepoModalButton } from 'components/NewRepoModalButton/NewRepoModalButton'
import type { RepoRepositoryOutput } from 'services/code' import type { RepoRepositoryOutput } from 'services/code'
import { useDeleteRepository } from 'services/code' import { useDeleteRepository } from 'services/code'
import { useFeatureFlags } from 'hooks/useFeatureFlag'
import { usePageIndex } from 'hooks/usePageIndex' import { usePageIndex } from 'hooks/usePageIndex'
import { useQueryParams } from 'hooks/useQueryParams' import { useQueryParams } from 'hooks/useQueryParams'
import { useUpdateQueryParams } from 'hooks/useUpdateQueryParams' import { useUpdateQueryParams } from 'hooks/useUpdateQueryParams'
@ -88,6 +89,7 @@ export default function RepositoriesListing() {
const [page, setPage] = usePageIndex(pageInit) const [page, setPage] = usePageIndex(pageInit)
const { showError, showSuccess } = useToaster() const { showError, showSuccess } = useToaster()
const [updatedRepositories, setUpdatedRepositories] = useState<RepoRepositoryOutput[]>() const [updatedRepositories, setUpdatedRepositories] = useState<RepoRepositoryOutput[]>()
const { CODE_ENABLE_MFE_V2: isCodeV2Enabled } = useFeatureFlags()
const { const {
data: repositories, data: repositories,
@ -372,6 +374,7 @@ export default function RepositoriesListing() {
toolbar={ toolbar={
standalone ? null : ( standalone ? null : (
<> <>
{isCodeV2Enabled ? (
<Button <Button
variation={ButtonVariation.SECONDARY} variation={ButtonVariation.SECONDARY}
onClick={() => { onClick={() => {
@ -386,6 +389,7 @@ export default function RepositoriesListing() {
}}> }}>
Try New UI Try New UI
</Button> </Button>
) : null}
<KeywordSearch /> <KeywordSearch />
</> </>
) )