Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Release v1.97.0 - release → staging #9377

Merged
merged 110 commits into from
Jul 10, 2023
Merged
Changes from 1 commit
Commits
Show all changes
110 commits
Select commit Hold shift + click to select a range
1102003
WIP
carrillo-erik May 25, 2023
8d57616
Merge branch 'develop' of https://github.com/linode/manager into refa…
carrillo-erik May 31, 2023
dc5a789
refactor: [M3-6063] - Fix errors
carrillo-erik May 31, 2023
c62b219
Merge branch 'develop' of https://github.com/linode/manager into refa…
carrillo-erik Jun 2, 2023
d7ef9d0
refactor: [M3-6063] - Test changes
carrillo-erik Jun 2, 2023
b4944d4
refactor: [M3-6063] - Code cleanup
carrillo-erik Jun 2, 2023
57ebe82
Added changeset: Refactor components to use TypeToConfirmDialog
carrillo-erik Jun 2, 2023
cbb00f2
Merge branch 'develop' of https://github.com/linode/manager into refa…
carrillo-erik Jun 6, 2023
7eb8cf0
refactor: [M3-6063] - Code cleanup after feedback
carrillo-erik Jun 6, 2023
9aff1f4
Merge branch 'develop' of https://github.com/linode/manager into refa…
carrillo-erik Jun 7, 2023
f908f67
refactor: [M3-6063] - Fix failing test
carrillo-erik Jun 7, 2023
3903a66
refactor: [M3-6063] - Revert the last code change
carrillo-erik Jun 7, 2023
2a0165c
refactor: [M3-6063] - Fix create volume test spec
carrillo-erik Jun 7, 2023
8bf04f6
refactor: [M3-6063] - Revert create volume spec
carrillo-erik Jun 7, 2023
467d5d5
Merge branch 'develop' of https://github.com/linode/manager into refa…
carrillo-erik Jun 8, 2023
221eb04
refactor: [M3-6063] - PR feedback changes
carrillo-erik Jun 8, 2023
50c9558
refactor: [M3-6063] - Change if code to switch
carrillo-erik Jun 8, 2023
cb11cc4
Merge branch 'develop' of https://github.com/linode/manager into refa…
carrillo-erik Jun 14, 2023
f40d3c5
Merge branch 'develop' of https://github.com/linode/manager into refa…
carrillo-erik Jun 15, 2023
fcb0b54
refactor: [M3-6063] - Refactor conditional logic
carrillo-erik Jun 15, 2023
cd2e7e0
refactor: [M3-6063] - Fix handleRestoreDatabase()
carrillo-erik Jun 15, 2023
bf31b1f
Merge branch 'develop' of https://github.com/linode/manager into refa…
carrillo-erik Jun 20, 2023
5dd2d58
refactor: [M3-6063] - Revert primary btn text strs
carrillo-erik Jun 20, 2023
629aec0
refactor: [M3-6361] - Refactor class component
carrillo-erik Jun 22, 2023
f211088
refactor: [M3-6361] - Add changeset
carrillo-erik Jun 22, 2023
01b544d
M3-6552: Add Third Party Access Tokens Cypress integration tests (#9223)
cliu-akamai Jun 22, 2023
9d03cdb
M3-6506: Add StackScript Landing Page Integration Tests (#9275)
cliu-akamai Jun 22, 2023
b37e7b0
fix: [M3-6683]: Fix confirmation modal overflow on mobile (#9289)
abailly-akamai Jun 22, 2023
e85306c
refactor: [M3-6391] - MUI v5 Migration - `Components > SingleTextFiel…
bnussman-akamai Jun 22, 2023
210b476
fix: Reduce Firewall create and update e2e test flakiness (#9298)
jdamore-linode Jun 23, 2023
1ae16bd
fix: Make `yarn up:expose` actually expose Cloud Manager (#9297)
bnussman-akamai Jun 23, 2023
0af8616
style: [M3-6639] - Add outline to country flags that contain white (#…
bnussman-akamai Jun 23, 2023
d18ad54
chore: Update `deleteChangesets.mjs` to track changeset deletions (#9…
jaalah-akamai Jun 23, 2023
f9c3bc9
fix: [Marketplace] - Remove underscore in prometheus & grafana svg (#…
hmorris3293 Jun 23, 2023
b1eeb07
refactor: [M3-6386] - MUI v5 Migration - `Components > SelectableTabl…
hana-akamai Jun 23, 2023
e8b0246
chore: Move new OAuth e2e tests into 'core' directory (#9307)
jdamore-linode Jun 26, 2023
f2deffd
Merge branch 'develop' of https://github.com/linode/manager into refa…
carrillo-erik Jun 26, 2023
9db871a
refactor: [M3-6361] - Add className and event type
carrillo-erik Jun 26, 2023
cbd9db2
Refactor: [M3-6522] Chip: MUI refactor + v7 story (#9310)
abailly-akamai Jun 26, 2023
6a2c4c5
fix: [M3-6720] - Restore DBaaS engine icons (#9306)
jdamore-linode Jun 26, 2023
b6cacce
Feat: [M3-6473] - Add helper text to the Add SSHKey Drawer Form (#9290)
abailly-akamai Jun 26, 2023
ae62d9e
refactor: [M3-6359] - MUI v5 Migration - `Components > LongviewLineGr…
hana-akamai Jun 26, 2023
070732e
refactor: [M3-6788] - MUI v5 Migration - `Components > TextField` (#9…
bnussman-akamai Jun 26, 2023
7a80bf7
chore: Delete old changesets from `develop` branch (#9302)
carrillo-erik Jun 27, 2023
5136879
refactor: [M3-6354] - MUI v5 Migration - `Components > LandingLoading…
jaalah-akamai Jun 27, 2023
b00ff12
refactor: [M3-6791] - MUI v5 Migration - `Components > Toolbar` (#9319)
bnussman-akamai Jun 27, 2023
9146b09
Merge pull request #9324 from linode/master
carrillo-erik Jun 27, 2023
8730f36
refactor: [M3-6793] - MUI v5 Migration - `Components > AppBar` (#9321)
bnussman-akamai Jun 27, 2023
e4f93a3
refactor: [M3-6195] - MUI v5 Migration - `Components > Button` (part …
bnussman-akamai Jun 28, 2023
26b8ccf
fix: [M3-6638] - Object Storage > Create Access Key Drawer Layout Iss…
cpathipa Jun 28, 2023
f6eb4b2
refactor: [M3-6290] - MUI v5 Migration - `Components > Accordion` (pa…
bnussman-akamai Jun 28, 2023
9662068
Merge branch 'develop' of https://github.com/linode/manager into refa…
carrillo-erik Jun 28, 2023
a5ea019
fix: local dev server AppBarProps export (#9334)
bnussman-akamai Jun 28, 2023
7085778
Merge branch 'develop' of https://github.com/linode/manager into refa…
carrillo-erik Jun 28, 2023
4a49592
refactor: [M3-6063] - Fix CloseAccount button
carrillo-erik Jun 28, 2023
309337e
refactor: [M3-6702] - React Query - Linodes - General clean up and re…
bnussman-akamai Jun 28, 2023
001d5cf
Refactor: [M3-6522-selection-card] Selection Card: named exports and …
abailly-akamai Jun 28, 2023
d1af94d
refactor: [M3-6797] - MUI v5 Migration - `Components > Hidden` (#9326)
bnussman-akamai Jun 28, 2023
8293423
refactor: [M3-6794] - MUI v5 Migration - `Components > Box` (#9322)
bnussman-akamai Jun 28, 2023
e32b538
feat: [M3-6707] – Light/dark mode shortcut copy on the "My Settings" …
dwiley-akamai Jun 28, 2023
3bb998c
refactor: [M3-6798] - MUI v5 Migration - `Components > Typography` (#…
bnussman-akamai Jun 28, 2023
2069119
Merge branch 'develop' of https://github.com/linode/manager into refa…
carrillo-erik Jun 29, 2023
bab130b
Merge pull request #9295 from carrillo-erik/refactor/M3-6361
carrillo-erik Jun 29, 2023
de1a833
Merge branch 'develop' of https://github.com/linode/manager into refa…
carrillo-erik Jun 29, 2023
a2b2b6a
Revert "refactor: [M3-6063] - Fix CloseAccount button"
carrillo-erik Jun 29, 2023
85f0cf5
Add changes after revert of yarn.lock, cachedData
carrillo-erik Jun 29, 2023
a83ec7a
Refactor: [M3-6522] - Update Link component export and improve Storyb…
abailly-akamai Jun 29, 2023
0dbd58e
Fix: [M3-6800] Firewall custom port validation (#9336)
abailly-akamai Jun 29, 2023
0154d56
refactor: [M3-6458] - Remove old changelog scripting (#9340)
bnussman-akamai Jun 29, 2023
d4f1eee
Merge pull request #9345 from linode/staging
jaalah-akamai Jun 29, 2023
148f027
Merge branch 'develop' into master-to-develop-v1.96.2
jaalah-akamai Jun 29, 2023
8bd1990
Remove changesets we hotfixed
jaalah Jun 29, 2023
665be9c
Merge branch 'master-to-develop-v1.96.2' of https://github.com/linode…
jaalah Jun 29, 2023
b821ac1
fix: [M3-5577] - Disable delete button for public IP addresses (#9332)
hana-akamai Jun 29, 2023
2c3dfc9
Merge pull request #9346 from linode/master-to-develop-v1.96.2
jaalah-akamai Jun 29, 2023
d003eda
chore: [M3-6666] - Clean up for consistent spelling of "canceled" (#…
mjac0bs Jun 29, 2023
d63e70a
Refactor: [M3-6522-copy-tooltip] CopyTooltip: Styled component and v7…
abailly-akamai Jun 30, 2023
18d0405
Fix: [M3-6786] ActionMenu tooltip icon color (#9352)
abailly-akamai Jun 30, 2023
18ed4b1
refactor: Remove `withLoadingAndError` and clean up 2FA components (#…
bnussman-akamai Jun 30, 2023
2936515
Chore: [M3-6527] - Storybook update and maintenance fixes (#9330)
abailly-akamai Jun 30, 2023
3da314c
refactor: [M3-6804] - MUI v5 Migration - `Components > Chip` (#9339)
bnussman-akamai Jun 30, 2023
ea64508
fix: [M3-6177] - Only request logo once for invoice pdf (#9355)
hana-akamai Jun 30, 2023
2d8c0e4
fix: Fix miscellaneous Cypress test flake (#9342)
jdamore-linode Jul 3, 2023
e1e1d56
fix: Fix Linode landing page delete smoke test flake (#9348)
jdamore-linode Jul 3, 2023
6049b88
refactor: [M3-6350] - MUI v5 Migration - `Components > InlineMenuActi…
jaalah-akamai Jul 3, 2023
e3bc498
fix: [M3-6627] - Fix `cy.defer()` TypeScript errors (#9349)
jdamore-linode Jul 3, 2023
11276e7
fix: [M3-6782] - Fix Third-Party Access Tokens Flaky Tests (#9354)
cliu-akamai Jul 3, 2023
c2ce6a6
Merge branch 'develop' of https://github.com/linode/manager into refa…
carrillo-erik Jul 3, 2023
8755aad
chore: [M3-6777] - Rename Cypress functions and variables related to …
jdamore-linode Jul 5, 2023
94f8fa1
Merge pull request #9175 from carrillo-erik/refactor/M3-6063
carrillo-erik Jul 5, 2023
7117e09
test: [M3-6054] - Add Cypress test coverage for Linode Create via CLI…
jdamore-linode Jul 5, 2023
5a1762c
fix: NVM should be NVMe (#9366)
jaalah-akamai Jul 6, 2023
9b4f6f3
refactor: [M3-6299] - MUI v5 Migration - `Components > Checkbox` (par…
bnussman-akamai Jul 6, 2023
580afef
refactor: [M3-6393] - MUI v5 - `Components > Snackbar` (#9359)
jaalah-akamai Jul 6, 2023
d2f931c
refactor: [M3-6790] – MUI v5 Migration - `Components > Divider` (#9353)
dwiley-akamai Jul 6, 2023
eba5f78
fix: [M3-6833] Replace negative lookbehind regular expression in even…
abailly-akamai Jul 6, 2023
57cb8fa
feat: [M3-6841] - Add AGLB feature flag (#9370)
bnussman-akamai Jul 6, 2023
8ed5279
feat: [M3-6779] - AGLB api-v4 endpoints (#9363)
bnussman-akamai Jul 6, 2023
ae14377
feat: [M3-6840] - Add VPC feature flag (#9368)
hana-akamai Jul 6, 2023
5b5cf30
feat: [M3-6722] – VPC endpoints, validation, & React Query queries (#…
dwiley-akamai Jul 6, 2023
c52feed
feat: [M3-6789] - Improve failed backup error messaging (#9364)
mjac0bs Jul 6, 2023
5efd806
fix: wording in "My Profile" -> "Login and Authentication" (#9358)
jcallahan-akamai Jul 7, 2023
31638d6
refactor: [M3-6839] - MUI v5 Migration - `Components > Tooltip` (#9369)
bnussman-akamai Jul 7, 2023
41c769a
test: [M3-6505] - Add StackScript Update/Delete E2E Tests (#9315)
cliu-akamai Jul 7, 2023
3bf8e0c
refactor: Upgrade LaunchDarkly SDK and use anonymous users (#9285)
jcallahan-akamai Jul 7, 2023
732ddc0
Cloud version 1.96.0, API v4 version 0.96.0, and Validation version 0…
abailly-akamai Jul 10, 2023
39480cb
Update changelogs
abailly-akamai Jul 10, 2023
a973023
feat: [M3-6842] - Update Metadata copy (#9374)
hana-akamai Jul 10, 2023
54eb3f5
Update Changelog for v1.97.0 release (#9378)
hana-akamai Jul 10, 2023
684a7bb
fix: minor css regression account > billing history dropdowns (#9379)
jaalah-akamai Jul 10, 2023
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
WIP
  • Loading branch information
carrillo-erik committed May 25, 2023
commit 11020037f74f433c705e496177917de2d68d4eb1
Original file line number Diff line number Diff line change
@@ -13,7 +13,13 @@ import {
import { usePreferences } from 'src/queries/preferences';

interface EntityInfo {
type: 'Linode' | 'Volume' | 'NodeBalancer' | 'Bucket';
type:
| 'Linode'
| 'Volume'
| 'NodeBalancer'
| 'Bucket'
| 'Cluster'
| 'Database';
label: string | undefined;
}

@@ -58,7 +64,12 @@ export const TypeToConfirmDialog = (props: CombinedProps) => {

const actions = (
<ActionsPanel style={{ padding: 0 }}>
<Button buttonType="secondary" onClick={onClose} data-qa-cancel>
<Button
buttonType="secondary"
onClick={onClose}
data-qa-cancel
data-testid={'dialog-cancel'}
>
Cancel
</Button>
<Button
@@ -67,6 +78,7 @@ export const TypeToConfirmDialog = (props: CombinedProps) => {
loading={loading}
disabled={disabled}
data-qa-confirm
data-testid={'dialog-confirm'}
>
{entity.type === 'Volume' && title.startsWith('Detach')
? 'Detach'
Original file line number Diff line number Diff line change
@@ -2,18 +2,19 @@ import { Database, DatabaseBackup } from '@linode/api-v4/lib/databases';
import { useSnackbar } from 'notistack';
import * as React from 'react';
import { useHistory } from 'react-router-dom';
import ActionsPanel from 'src/components/ActionsPanel';
import Button from 'src/components/Button';
import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog';
import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog';
import { DialogProps } from 'src/components/Dialog/Dialog';
import { Notice } from 'src/components/Notice/Notice';
import { TypeToConfirm } from 'src/components/TypeToConfirm/TypeToConfirm';
import Typography from 'src/components/core/Typography';
import { useRestoreFromBackupMutation } from 'src/queries/databases';
import { usePreferences } from 'src/queries/preferences';
import { useProfile } from 'src/queries/profile';
import { getAPIErrorOrDefault } from 'src/utilities/errorUtils';
import formatDate from 'src/utilities/formatDate';
// import ActionsPanel from 'src/components/ActionsPanel';
// import Button from 'src/components/Button';
// import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog';
// import { TypeToConfirm } from 'src/components/TypeToConfirm/TypeToConfirm';
// import { usePreferences } from 'src/queries/preferences';

interface Props extends Omit<DialogProps, 'title'> {
open: boolean;
@@ -28,9 +29,8 @@ export const RestoreFromBackupDialog: React.FC<Props> = (props) => {
const history = useHistory();
const { enqueueSnackbar } = useSnackbar();

const [confirmationText, setConfirmationText] = React.useState('');

const { data: preferences } = usePreferences();
// const [confirmationText, setConfirmationText] = React.useState('');
// const { data: preferences } = usePreferences();
const { data: profile } = useProfile();

const {
@@ -39,7 +39,10 @@ export const RestoreFromBackupDialog: React.FC<Props> = (props) => {
error,
} = useRestoreFromBackupMutation(database.engine, database.id, backup.id);

const handleRestoreDatabase = () => {
const handleRestoreDatabase = (
e: React.MouseEvent<HTMLButtonElement>
): void => {
e.preventDefault();
restore().then(() => {
history.push('summary');
enqueueSnackbar('Your database is being restored.', {
@@ -49,40 +52,81 @@ export const RestoreFromBackupDialog: React.FC<Props> = (props) => {
});
};

const actions = (
<ActionsPanel style={{ padding: 0 }}>
<Button buttonType="secondary" onClick={onClose}>
Cancel
</Button>
<Button
buttonType="primary"
onClick={handleRestoreDatabase}
disabled={
preferences?.type_to_confirm !== false &&
confirmationText !== database.label
}
loading={isLoading}
>
Restore Database
</Button>
</ActionsPanel>
);
// const actions = (
// <ActionsPanel style={{ padding: 0 }}>
// <Button buttonType="secondary" onClick={onClose}>
// Cancel
// </Button>
// <Button
// buttonType="primary"
// onClick={handleRestoreDatabase}
// disabled={
// preferences?.type_to_confirm !== false &&
// confirmationText !== database.label
// }
// loading={isLoading}
// >
// Restore Database
// </Button>
// </ActionsPanel>
// );

React.useEffect(() => {
if (open) {
setConfirmationText('');
}
}, [open]);
// React.useEffect(() => {
// if (open) {
// setConfirmationText('');
// }
// }, [open]);

return (
<ConfirmationDialog
{...rest}
// <ConfirmationDialog
// {...rest}
// title={`Restore from Backup ${formatDate(backup.created, {
// timezone: profile?.timezone,
// })}`}
// open={open}
// onClose={onClose}
// actions={actions}
// >
// {error ? (
// <Notice
// error
// text={
// getAPIErrorOrDefault(error, 'Unable to restore this backup.')[0]
// .reason
// }
// />
// ) : null}
// <Notice warning>
// <Typography style={{ fontSize: '0.875rem' }}>
// <strong>Warning:</strong> Restoring from a backup will erase all
// existing data on this cluster.
// </Typography>
// </Notice>
// <TypeToConfirm
// confirmationText={
// <span>
// To confirm restoration, type the name of the database cluster (
// <strong>{database.label}</strong>) in the field below.
// </span>
// }
// onChange={(input) => setConfirmationText(input)}
// value={confirmationText}
// label="Database Label"
// visible={preferences?.type_to_confirm}
// placeholder={database.label}
// />
// </ConfirmationDialog>

<TypeToConfirmDialog
title={`Restore from Backup ${formatDate(backup.created, {
timezone: profile?.timezone,
})}`}
entity={{ type: 'Database', label: 'Database Label' }}
open={open}
onClose={onClose}
actions={actions}
onClick={() => handleRestoreDatabase}
loading={isLoading}
{...rest}
>
{error ? (
<Notice
@@ -99,20 +143,7 @@ export const RestoreFromBackupDialog: React.FC<Props> = (props) => {
existing data on this cluster.
</Typography>
</Notice>
<TypeToConfirm
confirmationText={
<span>
To confirm restoration, type the name of the database cluster (
<strong>{database.label}</strong>) in the field below.
</span>
}
onChange={(input) => setConfirmationText(input)}
value={confirmationText}
label="Database Label"
visible={preferences?.type_to_confirm}
placeholder={database.label}
/>
</ConfirmationDialog>
</TypeToConfirmDialog>
);
};

Original file line number Diff line number Diff line change
@@ -2,15 +2,16 @@ import { Engine } from '@linode/api-v4/lib/databases';
import { useSnackbar } from 'notistack';
import * as React from 'react';
import { useHistory } from 'react-router-dom';
import ActionsPanel from 'src/components/ActionsPanel';
import Button from 'src/components/Button';
import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog';
import Typography from 'src/components/core/Typography';
import { Notice } from 'src/components/Notice/Notice';
import { TypeToConfirm } from 'src/components/TypeToConfirm/TypeToConfirm';
import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog';
import { useDeleteDatabaseMutation } from 'src/queries/databases';
import { getAPIErrorOrDefault } from 'src/utilities/errorUtils';
import { usePreferences } from 'src/queries/preferences';
// import Button from 'src/components/Button';
// import ActionsPanel from 'src/components/ActionsPanel';
// import { TypeToConfirm } from 'src/components/TypeToConfirm/TypeToConfirm';
// import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog';
// import { usePreferences } from 'src/queries/preferences';

interface Props {
open: boolean;
@@ -20,49 +21,49 @@ interface Props {
databaseLabel: string;
}

const renderActions = (
disabled: boolean,
loading: boolean,
onClose: () => void,
onDelete: () => void
) => (
<ActionsPanel>
<Button
buttonType="secondary"
onClick={onClose}
data-qa-cancel
data-testid={'dialog-cancel'}
>
Cancel
</Button>
<Button
buttonType="primary"
onClick={onDelete}
disabled={disabled}
loading={loading}
data-qa-cancel
data-testid={'dialog-confirm'}
>
Delete Cluster
</Button>
</ActionsPanel>
);
// const renderActions = (
// disabled: boolean,
// loading: boolean,
// onClose: () => void,
// onDelete: () => void
// ) => (
// <ActionsPanel>
// <Button
// buttonType="secondary"
// onClick={onClose}
// data-qa-cancel
// data-testid={'dialog-cancel'}
// >
// Cancel
// </Button>
// <Button
// buttonType="primary"
// onClick={onDelete}
// disabled={disabled}
// loading={loading}
// data-qa-cancel
// data-testid={'dialog-confirm'}
// >
// Delete Cluster
// </Button>
// </ActionsPanel>
// );

export const DatabaseSettingsDeleteClusterDialog: React.FC<Props> = (props) => {
const { open, onClose, databaseID, databaseEngine, databaseLabel } = props;
const { enqueueSnackbar } = useSnackbar();
const { data: preferences } = usePreferences();
const { mutateAsync: deleteDatabase } = useDeleteDatabaseMutation(
databaseEngine,
databaseID
);
const defaultError = 'There was an error deleting this Database Cluster.';
const [error, setError] = React.useState('');
const [confirmText, setConfirmText] = React.useState('');
const [isLoading, setIsLoading] = React.useState(false);
const { push } = useHistory();
const disabled =
preferences?.type_to_confirm !== false && confirmText !== databaseLabel;
// const { data: preferences } = usePreferences();
// const [confirmText, setConfirmText] = React.useState('');
// const disabled =
// preferences?.type_to_confirm !== false && confirmText !== databaseLabel;

const onDeleteCluster = () => {
setIsLoading(true);
@@ -82,12 +83,44 @@ export const DatabaseSettingsDeleteClusterDialog: React.FC<Props> = (props) => {
};

return (
<ConfirmationDialog
// <ConfirmationDialog
// title={`Delete Database Cluster ${databaseLabel}`}
// open={open}
// error={error}
// onClose={onClose}
// actions={renderActions(disabled, isLoading, onClose, onDeleteCluster)}
// >
// <Notice warning>
// <Typography style={{ fontSize: '0.875rem' }}>
// <strong>Warning:</strong> Deleting your entire database will delete
// any backups and nodes associated with database {databaseLabel}, which
// may result in permanent data loss. This action cannot be undone.
// </Typography>
// </Notice>
// <TypeToConfirm
// data-testid={'dialog-confirm-text-input'}
// label="Cluster Name"
// onChange={(input) => setConfirmText(input)}
// expand
// value={confirmText}
// confirmationText={
// <span>
// To confirm deletion, type the name of the database cluster (
// <b>{databaseLabel}</b>) in the field below:
// </span>
// }
// visible={preferences?.type_to_confirm}
// />
// </ConfirmationDialog>

<TypeToConfirmDialog
title={`Delete Database Cluster ${databaseLabel}`}
entity={{ type: 'Cluster', label: databaseLabel }}
open={open}
error={error}
onClose={onClose}
actions={renderActions(disabled, isLoading, onClose, onDeleteCluster)}
onClick={onDeleteCluster}
loading={isLoading}
error={error}
>
<Notice warning>
<Typography style={{ fontSize: '0.875rem' }}>
@@ -96,21 +129,7 @@ export const DatabaseSettingsDeleteClusterDialog: React.FC<Props> = (props) => {
may result in permanent data loss. This action cannot be undone.
</Typography>
</Notice>
<TypeToConfirm
data-testid={'dialog-confirm-text-input'}
label="Cluster Name"
onChange={(input) => setConfirmText(input)}
expand
value={confirmText}
confirmationText={
<span>
To confirm deletion, type the name of the database cluster (
<b>{databaseLabel}</b>) in the field below:
</span>
}
visible={preferences?.type_to_confirm}
/>
</ConfirmationDialog>
</TypeToConfirmDialog>
);
};

Loading