gitea-mirror/Cockatrice
1
0
Fork 0
mirror of https://github.com/Cockatrice/Cockatrice.git synced 2026-01-06 01:57:56 -08:00
Code Issues Packages Projects Releases Wiki Activity

Dev/jchamish/forgotpassword (#4481)

Browse Source 
* Implementation of Forgotten Password Reset

* Update webclient/src/hooks/useReduxEffect.tsx

Co-authored-by: Zach H <zahalpern+github@gmail.com>
This commit is contained in:
Joseph Chamish
2021-11-19 21:00:05 -05:00
committed by GitHub
parent 7c27e955d5
commit 73c5956ece
25 changed files with 447 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
webclient/src/components/RequestPasswordResetDialog/RequestPasswordResetDialog.css Normal file
View File

@@ -0,0 +1,5 @@
.dialog-title {
display: flex;
justify-content: space-between;
align-items: center;
}

36
webclient/src/components/RequestPasswordResetDialog/RequestPasswordResetDialog.tsx Normal file
View File

@@ -0,0 +1,36 @@
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 { RequestPasswordResetForm } from 'forms';
import './RequestPasswordResetDialog.css';
const RequestPasswordResetDialog = ({ classes, handleClose, isOpen, onSubmit }: any) => {
const handleOnClose = () => {
handleClose();
}
return (
<Dialog onClose={handleOnClose} open={isOpen}>
<DialogTitle disableTypography className="dialog-title">
<Typography variant="h6">Request Password Reset</Typography>
{handleOnClose ? (
<IconButton onClick={handleOnClose}>
<CloseIcon />
</IconButton>
) : null}
</DialogTitle>
<DialogContent>
<RequestPasswordResetForm onSubmit={onSubmit}></RequestPasswordResetForm>
</DialogContent>
</Dialog>
);
};
export default RequestPasswordResetDialog;

5
webclient/src/components/ResetPasswordDialog/ResetPasswordDialog.css Normal file
View File

@@ -0,0 +1,5 @@
.dialog-title {
display: flex;
justify-content: space-between;
align-items: center;
}

36
webclient/src/components/ResetPasswordDialog/ResetPasswordDialog.tsx Normal file
View File

@@ -0,0 +1,36 @@
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 { ResetPasswordForm } from 'forms';
import './ResetPasswordDialog.css';
const ResetPasswordDialog = ({ classes, handleClose, isOpen, onSubmit }: any) => {
const handleOnClose = () => {
handleClose();
}
return (
<Dialog onClose={handleOnClose} open={isOpen}>
<DialogTitle disableTypography className="dialog-title">
<Typography variant="h6">Reset Password</Typography>
{handleOnClose ? (
<IconButton onClick={handleOnClose}>
<CloseIcon />
</IconButton>
) : null}
</DialogTitle>
<DialogContent>
<ResetPasswordForm onSubmit={onSubmit}></ResetPasswordForm>
</DialogContent>
</Dialog>
);
};
export default ResetPasswordDialog;

2
webclient/src/components/index.ts
View File

@@ -20,3 +20,5 @@ export { default as ModGuard } from './Guard/ModGuard';
// Dialogs
export { default as CardImportDialog } from './CardImportDialog/CardImportDialog';
export { default as RequestPasswordResetDialog } from './RequestPasswordResetDialog/RequestPasswordResetDialog';
export { default as ResetPasswordDialog } from './ResetPasswordDialog/ResetPasswordDialog';