-
Notifications
You must be signed in to change notification settings - Fork 20
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(page-cluster): settings danger zone (#448)
- Loading branch information
1 parent
42b1ea1
commit 684b2e3
Showing
5 changed files
with
92 additions
and
1 deletion.
There are no files selected for viewing
9 changes: 9 additions & 0 deletions
9
.../lib/feature/page-settings-danger-zone-feature/page-settings-danger-zone-feature.spec.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
import { render } from '__tests__/utils/setup-jest' | ||
import PageSettingsDangerZoneFeature from './page-settings-danger-zone-feature' | ||
|
||
describe('PageSettingsDangerZoneFeature', () => { | ||
it('should render successfully', () => { | ||
const { baseElement } = render(<PageSettingsDangerZoneFeature />) | ||
expect(baseElement).toBeTruthy() | ||
}) | ||
}) |
27 changes: 27 additions & 0 deletions
27
...r/src/lib/feature/page-settings-danger-zone-feature/page-settings-danger-zone-feature.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,27 @@ | ||
import { useDispatch, useSelector } from 'react-redux' | ||
import { useNavigate, useParams } from 'react-router-dom' | ||
import { deleteClusterAction, selectClusterById } from '@qovery/domains/organization' | ||
import { ClusterEntity } from '@qovery/shared/interfaces' | ||
import { CLUSTERS_GENERAL_URL, CLUSTERS_URL } from '@qovery/shared/routes' | ||
import { AppDispatch, RootState } from '@qovery/store' | ||
import PageSettingsDangerZone from '../../ui/page-settings-danger-zone/page-settings-danger-zone' | ||
|
||
export function PageSettingsDangerZoneFeature() { | ||
const { organizationId = '', clusterId = '' } = useParams() | ||
const dispatch = useDispatch<AppDispatch>() | ||
const navigate = useNavigate() | ||
|
||
const cluster = useSelector<RootState, ClusterEntity | undefined>((state) => selectClusterById(state, clusterId)) | ||
|
||
const deleteCluster = () => { | ||
if (cluster) { | ||
dispatch(deleteClusterAction({ organizationId, clusterId })) | ||
.unwrap() | ||
.then(() => navigate(CLUSTERS_URL(organizationId) + CLUSTERS_GENERAL_URL)) | ||
} | ||
} | ||
|
||
return <PageSettingsDangerZone deleteCluster={deleteCluster} cluster={cluster} /> | ||
} | ||
|
||
export default PageSettingsDangerZoneFeature |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
13 changes: 13 additions & 0 deletions
13
libs/pages/cluster/src/lib/ui/page-settings-danger-zone/page-settings-danger-zone.spec.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,13 @@ | ||
import { render } from '__tests__/utils/setup-jest' | ||
import PageSettingsDangerZone, { PageSettingsDangerZoneProps } from './page-settings-danger-zone' | ||
|
||
const props: PageSettingsDangerZoneProps = { | ||
deleteCluster: jest.fn(), | ||
} | ||
|
||
describe('PageSettingsDangerZone', () => { | ||
it('should render successfully', () => { | ||
const { baseElement } = render(<PageSettingsDangerZone {...props} />) | ||
expect(baseElement).toBeTruthy() | ||
}) | ||
}) |
41 changes: 41 additions & 0 deletions
41
libs/pages/cluster/src/lib/ui/page-settings-danger-zone/page-settings-danger-zone.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,41 @@ | ||
import { EnvironmentModeEnum } from 'qovery-typescript-axios' | ||
import { ClusterEntity } from '@qovery/shared/interfaces' | ||
import { BlockContentDelete, HelpSection } from '@qovery/shared/ui' | ||
|
||
export interface PageSettingsDangerZoneProps { | ||
deleteCluster: () => void | ||
cluster?: ClusterEntity | ||
} | ||
|
||
export function PageSettingsDangerZone(props: PageSettingsDangerZoneProps) { | ||
const { deleteCluster, cluster } = props | ||
return ( | ||
<div className="flex flex-col justify-between w-full"> | ||
<div className="p-8 max-w-content-with-navigation-left"> | ||
<BlockContentDelete | ||
title="Uninstall cluster" | ||
ctaLabel="Delete cluster" | ||
callback={deleteCluster} | ||
modalConfirmation={{ | ||
mode: EnvironmentModeEnum.PRODUCTION, | ||
title: 'Uninstall cluster', | ||
description: 'To confirm the deletion of your cluster, please type the name of the cluster:', | ||
name: cluster?.name, | ||
}} | ||
/> | ||
</div> | ||
<HelpSection | ||
description="Need help? You may find these links useful" | ||
links={[ | ||
{ | ||
link: 'https://hub.qovery.com/docs/using-qovery/configuration/clusters/#deleting-a-cluster', | ||
linkLabel: 'How to delete my cluster', | ||
external: true, | ||
}, | ||
]} | ||
/> | ||
</div> | ||
) | ||
} | ||
|
||
export default PageSettingsDangerZone |