Use function for dialog

1 files changed, 15 insertions, 18 deletions

diff --git a/modern/src/RemoveDialog.js b/modern/src/RemoveDialog.js
index 26bdeb55..a8aae8b2 100644
--- a/modern/src/RemoveDialog.js
+++ b/modern/src/RemoveDialog.js
@@ -1,27 +1,24 @@
 import t from './common/localization'
-import React, { Component } from 'react';
 import Button from '@material-ui/core/Button';
 import Dialog from '@material-ui/core/Dialog';
 import DialogActions from '@material-ui/core/DialogActions';
 import DialogContent from '@material-ui/core/DialogContent';
 import DialogContentText from '@material-ui/core/DialogContentText';
 
-class RemoveDialog extends Component {
-  render() {
-    return (
-      <Dialog
-        open={this.props.open}
-        onClose={() => { this.props.onClose() }}>
-        <DialogContent>
-          <DialogContentText>{t('sharedRemoveConfirm')}</DialogContentText>
-        </DialogContent>
-        <DialogActions>
-          <Button color="primary">{t('sharedRemove')}</Button>
-          <Button color="primary" autoFocus>{t('sharedCancel')}</Button>
-        </DialogActions>
-      </Dialog>
-    );
-  }
-}
+const RemoveDialog = () => {
+  return (
+    <Dialog
+      open={this.props.open}
+      onClose={() => { this.props.onClose() }}>
+      <DialogContent>
+        <DialogContentText>{t('sharedRemoveConfirm')}</DialogContentText>
+      </DialogContent>
+      <DialogActions>
+        <Button color="primary">{t('sharedRemove')}</Button>
+        <Button color="primary" autoFocus>{t('sharedCancel')}</Button>
+      </DialogActions>
+    </Dialog>
+  );
+};
 
 export default RemoveDialog;