Commit 7d5c48a7 authored by Matija Obreza's avatar Matija Obreza

Fix: material-ui Button variant 'raised' renamed to 'contained'

- Also https://material-ui.com/style/typography/#migration-to-typography-v2
parent 393f0240
......@@ -60,9 +60,9 @@ class BrowsePage extends BrowsePageTemplate<Accession> {
tab={ currentTab }
actions={
<span>
<Button variant="raised">{ t('TODO-Demo Select all') }</Button>
<Button variant="raised">{ t('TODO-Demo Delete') }</Button>
<Button variant="raised">{ t('TODO-Demo Share') }</Button>
<Button variant="contained">{ t('TODO-Demo Select all') }</Button>
<Button variant="contained">{ t('TODO-Demo Delete') }</Button>
<Button variant="contained">{ t('TODO-Demo Share') }</Button>
</span>
}
>
......
......@@ -242,7 +242,7 @@ class BrowsePage extends React.Component<IBrowsePageProps, any> {
{ files.map((e: RepositoryFile) => (
<PropertiesItem key={ e.uuid } title={
<a href={ `/proxy/api/v1/repository/download/${e.uuid}` }>
<Button variant="raised" component="span">
<Button variant="contained" component="span">
{ t('common:action.download') }
</Button>
</a>
......
......@@ -107,7 +107,7 @@ const CropCard = ({crop, classes, compact = false, edit = false, t, ...other}: {
<Authorize role="ROLE_ADMINISTRATOR">
<CardActions>
<Link to={ `/c/${crop.shortName}/edit` }>
<Button variant="raised">{ t('common:action.edit') }</Button>
<Button variant="contained">{ t('common:action.edit') }</Button>
</Link>
</CardActions>
</Authorize>
......
......@@ -46,7 +46,7 @@ const CropForm = ({error, handleSubmit, initialValues, onDelete, cropNames, t})
<Divider/>
<div className="pt-20">
<Button variant="raised" type="submit">{ t('common:action.saveChanges') }</Button>
<Button variant="contained" type="submit">{ t('common:action.saveChanges') }</Button>
{ (initialValues._permissions && initialValues._permissions.delete) && <Button onClick={ onDelete } type="button">{ t('common:action.delete') }</Button> }
<Link to={ `/c/${initialValues.shortName ? initialValues.shortName : ''}` }>
<Button type="button">{ t('common:action.backTo', {where: `${initialValues.name ? t('crop.common.cropDetails', {cropName: initialValues.name}) : t('crop.common.cropList')}`}) }</Button>
......
......@@ -37,7 +37,7 @@ interface IDimensionDialogProps extends React.ClassAttributes<any> {
dimTitle: string;
dimension: Dimension<any>;
useLink: boolean;
variant?: 'text' | 'flat' | 'outlined' | 'contained' | 'raised' | 'fab' | 'extendedFab';
variant?: 'text' | 'flat' | 'outlined' | 'contained' | 'contained' | 'fab' | 'extendedFab';
t: any;
}
......@@ -80,7 +80,7 @@ class DimensionDialog extends React.Component<IDimensionDialogProps, any> {
}
public render() {
const { classes, variant = 'raised', t, dimension, dimTitle, useLink} = this.props;
const { classes, variant = 'contained', t, dimension, dimTitle, useLink} = this.props;
return (
<span>
{ useLink && dimTitle ?
......
......@@ -33,7 +33,7 @@ interface IExecutionDialogProps extends React.ClassAttributes<any> {
execution: Execution;
buttonLabel?: string;
classes: any;
variant?: 'text' | 'flat' | 'outlined' | 'contained' | 'raised' | 'fab' | 'extendedFab';
variant?: 'text' | 'flat' | 'outlined' | 'contained' | 'contained' | 'fab' | 'extendedFab';
t: any;
}
......@@ -60,7 +60,7 @@ class ExecutionDialog extends React.Component<IExecutionDialogProps, any> {
}
public render() {
const {classes, variant = 'raised', t, execution, buttonLabel = null} = this.props;
const {classes, variant = 'contained', t, execution, buttonLabel = null} = this.props;
return (
<span>
<Button className={ classes.createButton } onClick={ this.show } variant={ variant }>{ buttonLabel || t(`kpi.admin.p.executionDialog.button`) }</Button>
......
......@@ -102,8 +102,8 @@ class ExecutionDisplay extends React.Component<IExecutionProps, any> {
<ContentHeaderWithButton title={ t(`kpi.admin.p.executionDisplay.title`) } buttons={
<div>
<ExecutionDialog execution={ executionDetails && executionDetails.execution } buttonLabel={ t('common:action.edit') }/>
<Button variant="raised" onClick={ this.delete }>{ t('common:action.delete') }</Button>
<Button variant="raised" onClick={ this.execute }>{ t('kpi.admin.p.executionDisplay.execute') }</Button>
<Button variant="contained" onClick={ this.delete }>{ t('common:action.delete') }</Button>
<Button variant="contained" onClick={ this.execute }>{ t('kpi.admin.p.executionDisplay.execute') }</Button>
</div>
}/>
<PageContents>
......
......@@ -34,7 +34,7 @@ interface IParameterDialogProps extends React.ClassAttributes<any> {
useLink: boolean;
classes: any;
parameter: KPIParameter;
variant?: 'text' | 'flat' | 'outlined' | 'contained' | 'raised' | 'fab' | 'extendedFab';
variant?: 'text' | 'flat' | 'outlined' | 'contained' | 'contained' | 'fab' | 'extendedFab';
t: any;
}
......@@ -72,7 +72,7 @@ class ParameterDialog extends React.Component<IParameterDialogProps, any> {
}
public render() {
const {classes, parameter, variant = 'raised', t, useLink} = this.props;
const {classes, parameter, variant = 'contained', t, useLink} = this.props;
return (
<span>
{ useLink && parameter ?
......
......@@ -49,11 +49,11 @@ class DimensionForm extends React.Component<any, void> {
/>
</div>
{ error && <div style={ {color: 'red'} }>{ error }</div> }
<Button variant="raised" type="submit" style={ {marginRight: '1rem', marginTop: '1rem'} } disabled={ submitting || invalid }>{ t('common:action.save') }</Button>
<Button variant="contained" type="submit" style={ {marginRight: '1rem', marginTop: '1rem'} } disabled={ submitting || invalid }>{ t('common:action.save') }</Button>
{ onDelete &&
<Button variant="raised" type="button" style={ {marginRight: '1rem', marginTop: '1rem'} } onClick={ onDelete }>{ t('common:action.delete') }</Button>
<Button variant="contained" type="button" style={ {marginRight: '1rem', marginTop: '1rem'} } onClick={ onDelete }>{ t('common:action.delete') }</Button>
}
<Button variant="raised" type="button" style={ {marginLeft: '1rem', marginTop: '1rem'} } onClick={ onCancel }>{ t('common:action.cancel') }</Button>
<Button variant="contained" type="button" style={ {marginLeft: '1rem', marginTop: '1rem'} } onClick={ onCancel }>{ t('common:action.cancel') }</Button>
</form>
);
}
......
......@@ -88,8 +88,8 @@ class ExecutionForm extends React.Component<any, void> {
/>
</div>
{ error && <div style={ {color: 'red'} }>{ error }</div> }
<Button variant="raised" type="submit" style={ {marginRight: '1rem', marginTop: '1rem'} } disabled={ submitting || invalid }>{ t('common:action.save') }</Button>
<Button variant="raised" type="button" style={ {marginLeft: '1rem', marginTop: '1rem'} } onClick={ onCancel }>{ t('common:action.cancel') }</Button>
<Button variant="contained" type="submit" style={ {marginRight: '1rem', marginTop: '1rem'} } disabled={ submitting || invalid }>{ t('common:action.save') }</Button>
<Button variant="contained" type="button" style={ {marginLeft: '1rem', marginTop: '1rem'} } onClick={ onCancel }>{ t('common:action.cancel') }</Button>
</form>
);
}
......
......@@ -56,11 +56,11 @@ class ParameterForm extends React.Component<any, void> {
</div>
{ error && <div style={ {color: 'red'} }>{ error }</div> }
<Button variant="raised" type="submit" style={ {marginRight: '1rem', marginTop: '1rem'} } disabled={ submitting || invalid }>{ t('common:action.save') }</Button>
<Button variant="contained" type="submit" style={ {marginRight: '1rem', marginTop: '1rem'} } disabled={ submitting || invalid }>{ t('common:action.save') }</Button>
{ onDelete &&
<Button variant="raised" type="button" style={ {marginRight: '1rem', marginTop: '1rem'} } onClick={ onDelete }>{ t('common:action.delete') }</Button>
<Button variant="contained" type="button" style={ {marginRight: '1rem', marginTop: '1rem'} } onClick={ onDelete }>{ t('common:action.delete') }</Button>
}
<Button variant="raised" type="button" style={ {marginLeft: '1rem', marginTop: '1rem'} } onClick={ onCancel }>{ t('common:action.cancel') }</Button>
<Button variant="contained" type="button" style={ {marginLeft: '1rem', marginTop: '1rem'} } onClick={ onCancel }>{ t('common:action.cancel') }</Button>
</form>
);
}
......
......@@ -31,7 +31,7 @@ interface ICreateFolderDialogProps extends React.ClassAttributes<any> {
root?: string;
path?: string;
classes: any;
variant?: 'text' | 'flat' | 'outlined' | 'contained' | 'raised' | 'fab' | 'extendedFab';
variant?: 'text' | 'flat' | 'outlined' | 'contained' | 'contained' | 'fab' | 'extendedFab';
t: any;
}
......@@ -59,7 +59,7 @@ class CreateFolderDialog extends React.Component<ICreateFolderDialogProps, any>
}
public render() {
const { classes, variant = 'raised', t} = this.props;
const { classes, variant = 'contained', t} = this.props;
return (
<span>
<Button className={ classes.createButton } onClick={ this.show } variant={ variant }>{ t(`repository.admin.dialog.createFolder.createBtn`) }</Button>
......
......@@ -108,7 +108,7 @@ class ImageGalleryPage extends React.Component<IRepositoryBrowserProps, any> {
<div>
<ContentHeaderWithButton title={ <FolderCrumbs disabled root={ root } path={ path } /> } buttons={
<span>
<Button key="viewf" variant="raised" onClick={ this.goToFolder }>{ t('repository.admin.p.imageGallery.toFolder') }</Button>
<Button key="viewf" variant="contained" onClick={ this.goToFolder }>{ t('repository.admin.p.imageGallery.toFolder') }</Button>
{ gallery && gallery._permissions.delete && <Button onClick={ this.deleteGallery } key="deletef">{ t('repository.admin.p.imageGallery.deleteGallery') }</Button> }
{ gallery && gallery._permissions.manage && <Permissions clazz={ ImageGallery.clazz } id={ gallery.id } /> }
</span>
......
......@@ -138,9 +138,9 @@ class RepositoryBrowser extends React.Component<IRepositoryBrowserProps, any> {
<ContentHeaderWithButton title={ <FolderCrumbs root={ root } path={ path } /> } buttons={
<span>
{ ! folder.folder ? null :
folder.gallery ? <Button key="viewg" variant="raised" onClick={ this.goToGallery }>{ t('repository.admin.p.repositoryBrowser.viewGallery') }</Button> :
<Button onClick={ this.createGallery } key="createg" variant="raised">{ t('repository.admin.p.repositoryBrowser.createGallery') }</Button> }
{ folder.folder && folder.folder._permissions.delete && <Button onClick={ this.deleteFolder } key="deletef" variant="raised">{ t('repository.admin.p.repositoryBrowser.deleteFolder') }</Button> }
folder.gallery ? <Button key="viewg" variant="contained" onClick={ this.goToGallery }>{ t('repository.admin.p.repositoryBrowser.viewGallery') }</Button> :
<Button onClick={ this.createGallery } key="createg" variant="contained">{ t('repository.admin.p.repositoryBrowser.createGallery') }</Button> }
{ folder.folder && folder.folder._permissions.delete && <Button onClick={ this.deleteFolder } key="deletef" variant="contained">{ t('repository.admin.p.repositoryBrowser.deleteFolder') }</Button> }
{ (! folder.folder || (folder.folder && folder.folder._permissions.create)) && <CreateFolderDialog root={ root } path={ path } /> }
{ folder.folder && folder.folder._permissions.write && <UpdateFolderDialog/> }
{ folder.folder && folder.folder._permissions.manage && <Permissions clazz={ RepositoryFolder.clazz } id={ folder.folder.id } /> }
......
......@@ -29,7 +29,7 @@ interface IUpdateFolderDialogProps extends React.ClassAttributes<any> {
updateFolder: (folder: RepositoryFolder) => Promise<FolderDetails>;
folder: FolderDetails;
classes: any;
variant?: 'text' | 'flat' | 'outlined' | 'contained' | 'raised' | 'fab' | 'extendedFab';
variant?: 'text' | 'flat' | 'outlined' | 'contained' | 'contained' | 'fab' | 'extendedFab';
t: any;
}
......@@ -56,7 +56,7 @@ class UpdateFolderDialog extends React.Component<IUpdateFolderDialogProps, any>
}
public render() {
const { t, classes, variant = 'raised', folder} = this.props;
const { t, classes, variant = 'contained', folder} = this.props;
return (
<span>
<Button className={ classes.createButton } onClick={ this.show } variant={ variant }>{ t(`repository.admin.dialog.updateFolder.updateBtn`) }</Button>
......
......@@ -77,8 +77,8 @@ class FileForm extends React.Component<any, void> {
</div>
{ error && <div style={ { color: 'red' } }>{ error }</div> }
<Button variant="raised" type="submit" style={ { marginRight: '1rem', marginTop: '1rem' } } disabled={ submitting || invalid }>{ t('common:action.save') }</Button>
<Button variant="raised" type="button" style={ { marginLeft: '1rem', marginTop: '1rem' } } onClick={ onCancel }>{ t('common:action.cancel') }</Button>
<Button variant="contained" type="submit" style={ { marginRight: '1rem', marginTop: '1rem' } } disabled={ submitting || invalid }>{ t('common:action.save') }</Button>
<Button variant="contained" type="button" style={ { marginLeft: '1rem', marginTop: '1rem' } } onClick={ onCancel }>{ t('common:action.cancel') }</Button>
</form>
);
}
......
......@@ -41,8 +41,8 @@ class FolderForm extends React.Component<any, void> {
}
{ error && <div style={ { color: 'red' } }>{ error }</div> }
<Button variant="raised" type="submit" style={ { marginRight: '1rem', marginTop: '1rem' } } disabled={ submitting || invalid }>{ t('common:action.save') }</Button>
<Button variant="raised" type="button" style={ { marginLeft: '1rem', marginTop: '1rem' } } onClick={ onCancel }>{ t('common:action.cancel') }</Button>
<Button variant="contained" type="submit" style={ { marginRight: '1rem', marginTop: '1rem' } } disabled={ submitting || invalid }>{ t('common:action.save') }</Button>
<Button variant="contained" type="button" style={ { marginLeft: '1rem', marginTop: '1rem' } } onClick={ onCancel }>{ t('common:action.cancel') }</Button>
</form>
);
}
......
......@@ -148,7 +148,7 @@ class SubsetCreatorForm extends React.Component<ISubsetCreatorFormProps, any> {
<FieldArray name="creators" classes={ this.props.classes } component={ this.renderCreators } t={ t }/>
</form>
<Grid item xs={ 12 } className="back-white">
<Button variant="raised" type="button" onClick={ this.createCreator } style={ { margin: '20px' } }>
<Button variant="contained" type="button" onClick={ this.createCreator } style={ { margin: '20px' } }>
{ t(`subsets.dashboard.p.stepper.creators.addSubsetCreator`) }
</Button>
</Grid>
......
......@@ -43,7 +43,7 @@ const renderMembers = ({ fields, itemLabel, itemEditor, addItem, removeItem, t }
)) }
<Grid container className="items-editor-additem">
<Grid item xs={ 12 }>
<Button variant="raised" type="button" onClick={ onAddMember }>{ t('common:action.add', {what: itemLabel }) }</Button>
<Button variant="contained" type="button" onClick={ onAddMember }>{ t('common:action.add', {what: itemLabel }) }</Button>
</Grid>
</Grid>
</div>
......
......@@ -2,7 +2,7 @@ import * as React from 'react';
import Button from '@material-ui/core/Button';
interface IActionButtonProps extends React.ClassAttributes<any> {
variant?: 'text' | 'flat' | 'outlined' | 'contained' | 'raised' | 'fab' | 'extendedFab';
variant?: 'text' | 'flat' | 'outlined' | 'contained' | 'contained' | 'fab' | 'extendedFab';
title: string;
action: any;
style?: any;
......@@ -11,7 +11,7 @@ interface IActionButtonProps extends React.ClassAttributes<any> {
class ActionButton extends React.Component<IActionButtonProps, any> {
public render() {
const { title, action, variant = 'raised', style } = this.props;
const { title, action, variant = 'contained', style } = this.props;
return (
<Button style={ style } variant={ variant } onClick={ action }>
{ title }
......
......@@ -39,7 +39,7 @@ class BackButton extends React.Component<IBackButtonProps, any> {
public render() {
const { defaultBackText, style, t } = this.props;
return (
<Button variant="raised" style={ style } onClick={ this.onGoBack }>
<Button variant="contained" style={ style } onClick={ this.onGoBack }>
{ defaultBackText || t('common:action.back') }
</Button>
);
......
......@@ -4,7 +4,7 @@ import Button from '@material-ui/core/Button';
interface IUploadButtonProps extends React.ClassAttributes<any> {
handleUploading: (files: File[]) => void;
variant?: 'text' | 'flat' | 'outlined' | 'contained' | 'raised' | 'fab' | 'extendedFab';
variant?: 'text' | 'flat' | 'outlined' | 'contained' | 'contained' | 'fab' | 'extendedFab';
title?: string;
multiple?: boolean;
style?: any;
......@@ -21,7 +21,7 @@ class UploadButton extends React.Component<IUploadButtonProps, any> {
}
public render() {
const { title = 'common:action.chooseFile', variant = 'raised', style, multiple = false, t } = this.props;
const { title = 'common:action.chooseFile', variant = 'contained', style, multiple = false, t } = this.props;
return (
<div style={ style }>
<input
......
......@@ -59,7 +59,7 @@ const FiltersBlock = ({ title, children, handleSubmit, onSubmit, initialize, cla
<form onSubmit={ processSubmit }>
{ children }
<div className={ `pt-20 pb-20 pl-20 ${classes.stickyButtonContainer}` }>
<Button variant="raised" onClick={ processSubmit } type="submit" className={ `${classes.btnGreen} float-left` }>{ t('common:action.applyFilters') }</Button>
<Button variant="contained" onClick={ processSubmit } type="submit" className={ `${classes.btnGreen} float-left` }>{ t('common:action.applyFilters') }</Button>
<Button onClick={ onReset } type="button" className={ `${classes.btnReset} float-right` }>{ t('common:action.reset') }</Button>
</div>
</form>
......
......@@ -35,7 +35,7 @@ interface IPermissionsProps extends React.ClassAttributes<any> {
autocomplete: (term: string) => Promise<{[key: string]: number}>;
addPermission: (clazz: string, id: number, sidPermissions: SidPermissions) => Promise<AclObjectIdentity>;
classes: any;
variant?: 'text' | 'flat' | 'outlined' | 'contained' | 'raised' | 'fab' | 'extendedFab';
variant?: 'text' | 'flat' | 'outlined' | 'contained' | 'contained' | 'fab' | 'extendedFab';
t: any;
}
......@@ -88,7 +88,7 @@ class Permissions extends React.Component<IPermissionsProps, any> {
}
public render() {
const {autocomplete, variant = 'raised', t } = this.props;
const {autocomplete, variant = 'contained', t } = this.props;
const {aclObjectIdentity, autocompleteObj} = this.state;
return (
......
......@@ -90,7 +90,7 @@ class StepNavigation extends React.Component<IStepNavigationProps, any> {
switch (itemState) {
case PublishState.PUBLISHED: {
return (
<Button disabled={ disabled } variant="raised" onClick={ onUnpublish } className={ classes.btnBlue }>
<Button disabled={ disabled } variant="contained" onClick={ onUnpublish } className={ classes.btnBlue }>
{ t('common:action.unpublish') }
</Button>
);
......@@ -98,11 +98,11 @@ class StepNavigation extends React.Component<IStepNavigationProps, any> {
case PublishState.REVIEWING: {
return (
<div className={ classes.actionsArea }>
<Button disabled={ disabled } variant="raised" onClick={ onUnpublish } className={ classes.btnBlue }>
<Button disabled={ disabled } variant="contained" onClick={ onUnpublish } className={ classes.btnBlue }>
{ t('common:action.reject') }
</Button>
<Authorize role="ROLE_ADMINISTRATOR">
<Button disabled={ disabled } variant="raised" onClick={ onApprove } className={ classes.btnBlue }>
<Button disabled={ disabled } variant="contained" onClick={ onApprove } className={ classes.btnBlue }>
{ t('common:action.approve') }
</Button>
</Authorize>
......@@ -111,7 +111,7 @@ class StepNavigation extends React.Component<IStepNavigationProps, any> {
}
case PublishState.DRAFT: {
return (
<Button disabled={ disabled } variant="raised" onClick={ onPublish } className={ classes.btnBlue }>
<Button disabled={ disabled } variant="contained" onClick={ onPublish } className={ classes.btnBlue }>
{ t('common:action.sendToReview') }
</Button>
);
......@@ -148,7 +148,7 @@ class StepNavigation extends React.Component<IStepNavigationProps, any> {
)
}
{ this.state.id !== steps.length && (
<Button disabled={ disabledNext } variant="raised" onClick={ () => onGotoStep(this.state.id + 1) } className={ classes.btnBlue }>
<Button disabled={ disabledNext } variant="contained" onClick={ () => onGotoStep(this.state.id + 1) } className={ classes.btnBlue }>
{ t('common:action.nextStep') }
</Button>
) }
......
......@@ -62,7 +62,7 @@ const TopSection = ({classes, pageTitle, subTitle, backTarget = 'dashboard'}) =>
<span style={ { fontSize: '1rem' } }>
New in the data publication process?
</span>
<Button variant="raised" className={ `${ classes.headerButton } ${ classes.btnGreen }` }>
<Button variant="contained" className={ `${ classes.headerButton } ${ classes.btnGreen }` }>
SEE GUIDED TOUR
</Button>
<div className={ `${ classes.headerButton } ${ classes.backButton }` }>
......@@ -71,7 +71,7 @@ const TopSection = ({classes, pageTitle, subTitle, backTarget = 'dashboard'}) =>
</div>
</Hidden>
<Hidden implementation="css" mdUp>
<Button variant="raised" className={ classes.headerButton }>
<Button variant="contained" className={ classes.headerButton }>
CATALOG
</Button>
</Hidden>
......
......@@ -112,14 +112,14 @@ class DataTable extends React.Component<IDataTableProps, any> {
<TableCell className={ `${ classes.tableCell } ${ classes.edit }` }>
{ ! e.published && e._permissions && e._permissions.write && (
<Link to={ `${path}/${e.uuid}/edit` }>
<Button variant="raised" className={ classes.btnEdit }>
<Button variant="contained" className={ classes.btnEdit }>
EDIT
</Button>
</Link>
) }
{ e.published && (
<Link to={ `${path}/${e.uuid}` }>
<Button variant="raised" className={ classes.btnEdit }>
<Button variant="contained" className={ classes.btnEdit }>
VIEW
</Button>
</Link>
......
......@@ -238,6 +238,9 @@ const theme = createMuiTheme({
},
typography: {
// https://material-ui.com/style/typography/#migration-to-typography-v2
// Switch to V2
useNextVariants: true,
fontFamily: HEADING_FONT_FAMILY,
fontSize: 14,
fontWeightLight: 300,
......
......@@ -86,8 +86,8 @@ class UserForm extends React.Component<any, void> {
t={ t }
/>
{ error && <div style={ { color: 'red' } }>{ error }</div> }
<Button variant="raised" type="submit" style={ { marginRight: '1rem', marginTop: '1rem' } } disabled={ submitting || invalid }>{ t('common:action.save') }</Button>
<Button variant="raised" type="button" style={ { marginLeft: '1rem', marginTop: '1rem' } } onClick={ onCancel }>{ t('common:action.cancel') }</Button>
<Button variant="contained" type="submit" style={ { marginRight: '1rem', marginTop: '1rem' } } disabled={ submitting || invalid }>{ t('common:action.save') }</Button>
<Button variant="contained" type="button" style={ { marginLeft: '1rem', marginTop: '1rem' } } onClick={ onCancel }>{ t('common:action.cancel') }</Button>
</form>
);
}
......
......@@ -38,7 +38,7 @@ class PasswordForm extends React.Component<any, void> {
validate={ [ Validators.required ] }
/>
{ error && <div style={ { color: 'red' } }>{ error }</div> }
<Button variant="raised" type="submit" style={ { margin: '1rem 0 1rem 0' } } disabled={ submitting }>
<Button variant="contained" type="submit" style={ { margin: '1rem 0 1rem 0' } } disabled={ submitting }>
{ t('user.dashboard.c.passwordForm.changePassword') }
</Button>
</form>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment