Migrate NFO Settings to React

src/components/SimpleAlert.tsx

@@ -0,0 +1,36 @@
+import Button from '@mui/material/Button';
+import Dialog, { type DialogProps } from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import DialogTitle from '@mui/material/DialogTitle';
+import globalize from 'lib/globalize';
+import React from 'react';
+
+interface SimpleAlertDialog extends DialogProps {
+    title: string;
+    text: string;
+    onClose: () => void
+};
+
+const SimpleAlert = ({ open, title, text, onClose }: SimpleAlertDialog) => {
+    return (
+        <Dialog open={open} onClose={onClose}>
+            <DialogTitle>
+                {title}
+            </DialogTitle>
+            <DialogContent>
+                <DialogContentText>
+                    {text}
+                </DialogContentText>
+            </DialogContent>
+            <DialogActions>
+                <Button onClick={onClose}>
+                    {globalize.translate('ButtonGotIt')}
+                </Button>
+            </DialogActions>
+        </Dialog>
+    );
+};
+
+export default SimpleAlert;