jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-03-14 04:00:42 -04:00
Code Issues Projects Releases Wiki Activity

refactor(client): clear extra div around the delete and reset panel (#49083)

Browse Source 
refactor(client): clear extra div
This commit is contained in:
Muhammed Mustafa
2023-01-23 17:11:57 +02:00
committed by GitHub
parent 0ccc98c3ee
commit c0c0ed71da
1 changed files with 42 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
client/src/components/settings/danger-zone.tsx
View File

@@ -12,11 +12,11 @@ import ResetModal from './reset-modal';
import './danger-zone.css';
type DangerZoneProps = {
interface DangerZoneProps {
deleteAccount: () => void;
resetProgress: () => void;
t: TFunction;
};
}
const mapStateToProps = () => ({});
const mapDispatchToProps = (dispatch: Dispatch) =>
@@ -42,50 +42,48 @@ function DangerZone({ deleteAccount, resetProgress, t }: DangerZoneProps) {
}
return (
<div className='danger-zone text-center'>
<FullWidthRow>
<Panel bsStyle='danger'>
<Panel.Heading>{t('settings.danger.heading')}</Panel.Heading>
<FullWidthRow className='danger-zone text-center'>
<Panel bsStyle='danger'>
<Panel.Heading>{t('settings.danger.heading')}</Panel.Heading>
<Spacer />
<p>{t('settings.danger.be-careful')}</p>
<FullWidthRow>
<Button
block={true}
bsSize='lg'
bsStyle='danger'
className='btn-danger'
onClick={toggleResetModal}
type='button'
>
{t('settings.danger.reset')}
</Button>
<ButtonSpacer />
<Button
block={true}
bsSize='lg'
bsStyle='danger'
className='btn-danger'
onClick={toggleDeleteModal}
type='button'
>
{t('settings.danger.delete')}
</Button>
<Spacer />
<p>{t('settings.danger.be-careful')}</p>
<FullWidthRow>
<Button
block={true}
bsSize='lg'
bsStyle='danger'
className='btn-danger'
onClick={toggleResetModal}
type='button'
>
{t('settings.danger.reset')}
</Button>
<ButtonSpacer />
<Button
block={true}
bsSize='lg'
bsStyle='danger'
className='btn-danger'
onClick={toggleDeleteModal}
type='button'
>
{t('settings.danger.delete')}
</Button>
<Spacer />
</FullWidthRow>
</Panel>
</FullWidthRow>
</Panel>
<ResetModal
onHide={toggleResetModal}
reset={resetProgress}
show={reset}
/>
<DeleteModal
delete={deleteAccount}
onHide={toggleDeleteModal}
show={delete_}
/>
</FullWidthRow>
</div>
<ResetModal
onHide={toggleResetModal}
reset={resetProgress}
show={reset}
/>
<DeleteModal
delete={deleteAccount}
onHide={toggleDeleteModal}
show={delete_}
/>
</FullWidthRow>
);
}