jeirmeister/Cockatrice
1
0
Fork 0
mirror of https://github.com/Cockatrice/Cockatrice.git synced 2026-06-11 08:34:52 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Webatrice: Add account validation dialog/form (#4547)

Browse source 
* Add account validation dialog/form

* clean up

* close registration dialog on token request

* remove dupe code

* add subtitle styling

Co-authored-by: Jeremy Letto <jeremy.letto@datasite.com>
This commit is contained in:
Jeremy Letto 2022-01-30 19:42:34 -06:00 • committed by GitHub
parent 513fcb0908
commit 1d780058c8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 200 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

13
webclient/src/dialogs/AccountActivationDialog/AccountActivationDialog.css Normal file
View file

@ -0,0 +1,13 @@
.dialog-title {
display: flex;
justify-content: space-between;
align-items: center;
}
.MuiDialogTitle-root.dialog-title {
padding-bottom: 0;
}
.content {
margin-bottom: 20px;
}

41
webclient/src/dialogs/AccountActivationDialog/AccountActivationDialog.tsx Normal file
View file

@ -0,0 +1,41 @@
import React from 'react';
import Dialog from '@material-ui/core/Dialog';
import DialogContent from '@material-ui/core/DialogContent';
import DialogTitle from '@material-ui/core/DialogTitle';
import IconButton from '@material-ui/core/IconButton';
import CloseIcon from '@material-ui/icons/Close';
import Typography from '@material-ui/core/Typography';
import { AccountActivationForm } from 'forms';
import './AccountActivationDialog.css';
const AccountActivationDialog = ({ classes, handleClose, isOpen, onSubmit }: any) => {
const handleOnClose = () => {
handleClose();
}
return (
<Dialog onClose={handleOnClose} open={isOpen}>
<DialogTitle disableTypography className="dialog-title">
<Typography variant="h6">Account Activation</Typography>
{handleOnClose ? (
<IconButton onClick={handleOnClose}>
<CloseIcon />
</IconButton>
) : null}
</DialogTitle>
<DialogContent>
<div className="content">
<Typography variant='subtitle1'>Your account has not been activated yet.</Typography>
<Typography variant='subtitle1'>You need to provide the activation token received in the activation email.</Typography>
</div>
<AccountActivationForm onSubmit={onSubmit}></AccountActivationForm>
</DialogContent>
</Dialog>
);
};
export default AccountActivationDialog;