cybercyst/drone
1
0
Fork 0
mirror of https://github.com/harness/drone.git synced 2025-05-05 15:32:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: [CODE-3500] put UI Git LFS support in the repository setting behind FF (#3698)

Browse Source
This commit is contained in:
Atefeh Mohseni Ejiyeh 2025-04-18 19:39:07 +00:00 committed by Harness
parent 8b277e62d7
commit 799a8b0de8
1 changed files with 52 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

101
web/src/pages/RepositorySettings/GeneralSettingsContent/GeneralSettingsContent.tsx
View File

@ -83,6 +83,7 @@ const GeneralSettingsContent = (props: GeneralSettingsProps) => {
path: `/api/v1/repos/${repoMetadata?.path}/+/public-access`
})
const { CODE_GIT_LFS_ENABLED } = hooks?.useFeatureFlags()
const { data: generalSettingsData, refetch: refetchSettings } = useGet({
path: `/api/v1/repos/${repoMetadata?.path}/+/settings/general`,
queryParams: { routingId: routingId }
@ -425,56 +426,58 @@ const GeneralSettingsContent = (props: GeneralSettingsProps) => {
</Layout.Horizontal>
</Container>
</Render>
<Container padding="medium" margin={{ bottom: 'medium' }} className={css.generalContainer}>
<Layout.Horizontal padding={{ bottom: 'medium' }}>
<Container className={css.label}>
<Text color={Color.GREY_600} className={css.textSize} margin={{ top: 'medium' }}>
{getString('generalSetting.features')}
</Text>
</Container>
<Layout.Vertical spacing="small" padding={{ button: 'small', top: 'small' }}>
<Container className={css.content}>
<Layout.Horizontal flex={{ alignItems: 'center' }} spacing={'small'}>
<FormInput.Toggle
{...permissionProps(permEditResult, standalone)}
key={'gitLFSEnabled'}
style={{ margin: '0px' }}
label=""
name="gitLFSEnabled"
/>
<Text color={Color.GREY_800} className={css.featureText}>
{getString('generalSetting.gitLFSEnable')}
</Text>
<Text color={Color.GREY_500} className={css.featureText}>
{getString('generalSetting.gitLFSEnableDesc')}
</Text>
</Layout.Horizontal>
<Layout.Horizontal className={css.buttonContainer}>
{generalSettingsData?.git_lfs_enabled !== formik.values.gitLFSEnabled ? (
<Button
margin={{ top: 'medium' }}
type="submit"
text={getString('save')}
variation={ButtonVariation.PRIMARY}
size={ButtonSize.SMALL}
onClick={() => {
updateGeneralSettings({ git_lfs_enabled: formik.values.gitLFSEnabled })
.then(() => {
showSuccess(getString('repoUpdate'))
refetchSettings()
})
.catch(err => {
showError(getErrorMessage(err))
})
}}
{...permissionProps(permEditResult, standalone)}
/>
) : null}
</Layout.Horizontal>
<Render when={standalone || CODE_GIT_LFS_ENABLED}>
<Container padding="medium" margin={{ bottom: 'medium' }} className={css.generalContainer}>
<Layout.Horizontal padding={{ bottom: 'medium' }}>
<Container className={css.label}>
<Text color={Color.GREY_600} className={css.textSize} margin={{ top: 'medium' }}>
{getString('generalSetting.features')}
</Text>
</Container>
</Layout.Vertical>
</Layout.Horizontal>
</Container>
<Layout.Vertical spacing="small" padding={{ button: 'small', top: 'small' }}>
<Container className={css.content}>
<Layout.Horizontal flex={{ alignItems: 'center' }} spacing={'small'}>
<FormInput.Toggle
{...permissionProps(permEditResult, standalone)}
key={'gitLFSEnabled'}
style={{ margin: '0px' }}
label=""
name="gitLFSEnabled"
/>
<Text color={Color.GREY_800} className={css.featureText}>
{getString('generalSetting.gitLFSEnable')}
</Text>
<Text color={Color.GREY_500} className={css.featureText}>
{getString('generalSetting.gitLFSEnableDesc')}
</Text>
</Layout.Horizontal>
<Layout.Horizontal className={css.buttonContainer}>
{generalSettingsData?.git_lfs_enabled !== formik.values.gitLFSEnabled ? (
<Button
margin={{ top: 'medium' }}
type="submit"
text={getString('save')}
variation={ButtonVariation.PRIMARY}
size={ButtonSize.SMALL}
onClick={() => {
updateGeneralSettings({ git_lfs_enabled: formik.values.gitLFSEnabled })
.then(() => {
showSuccess(getString('repoUpdate'))
refetchSettings()
})
.catch(err => {
showError(getErrorMessage(err))
})
}}
{...permissionProps(permEditResult, standalone)}
/>
) : null}
</Layout.Horizontal>
</Container>
</Layout.Vertical>
</Layout.Horizontal>
</Container>
</Render>
<Container padding="medium" margin={{ bottom: 'medium' }} className={css.generalContainer}>
<Layout.Horizontal padding={{ bottom: 'medium' }}>
<Container className={css.label}>