USEFULL
/
drone
mirror of https://github.com/harness/drone.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
web/src/pages/RepositoriesListing/RepositoriesListing.tsx
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,20 +374,22 @@ export default function RepositoriesListing() {
toolbar={ toolbar={
standalone ? null : ( standalone ? null : (
<> <>
<Button {isCodeV2Enabled ? (
variation={ButtonVariation.SECONDARY} <Button
onClick={() => { variation={ButtonVariation.SECONDARY}
let newUIPath = pathname onClick={() => {
if (!pathname.includes('/ng')) { let newUIPath = pathname
newUIPath.replace('/account', '/ng/account') if (!pathname.includes('/ng')) {
} newUIPath.replace('/account', '/ng/account')
if (!pathname.includes('/codev2')) { }
newUIPath = newUIPath.replace('/code', '/codev2') if (!pathname.includes('/codev2')) {
} newUIPath = newUIPath.replace('/code', '/codev2')
history.replace(newUIPath) }
}}> history.replace(newUIPath)
Try New UI }}>
</Button> Try New UI
</Button>
) : null}
<KeywordSearch /> <KeywordSearch />
</> </>
) )