* Added a reset confirmation dialog

Author: CodeDead

src/components/ConfirmationDialog/index.js

@@ -0,0 +1,62 @@
+import React from "react";
+import {useSelector} from "react-redux";
+import Dialog from "@material-ui/core/Dialog";
+import DialogTitle from "@material-ui/core/DialogTitle";
+import DialogContent from "@material-ui/core/DialogContent";
+import DialogContentText from "@material-ui/core/DialogContentText";
+import DialogActions from "@material-ui/core/DialogActions";
+import Button from "@material-ui/core/Button";
+
+const ConfirmationDialog = ({open, title, content, onAccept, onCancel, onClose}) => {
+
+    const language = useSelector(state => state.MainReducer.languages[state.MainReducer.languageIndex]);
+
+    /**
+     * Close the AlertDialog instance
+     */
+    const handleClose = () => {
+        if (onClose) onClose();
+    };
+
+    /**
+     * Accept the confirmation
+     */
+    const accept = () => {
+        if (onAccept) onAccept();
+        handleClose();
+    }
+
+    /**
+     * Cancel the confirmation
+     */
+    const cancel = () => {
+        if (onCancel) onCancel();
+        handleClose();
+    }
+
+    return (
+        <Dialog
+            open={open}
+            onClose={handleClose}
+            aria-labelledby="alert-dialog-title"
+            aria-describedby="alert-dialog-description"
+        >
+            <DialogTitle id="alert-dialog-title">{title}</DialogTitle>
+            <DialogContent>
+                <DialogContentText id="alert-dialog-description">
+                    {content}
+                </DialogContentText>
+            </DialogContent>
+            <DialogActions>
+                <Button onClick={cancel} color="primary">
+                    {language.no}
+                </Button>
+                <Button onClick={accept} color="primary" autoFocus>
+                    {language.yes}
+                </Button>
+            </DialogActions>
+        </Dialog>
+    );
+}
+
+export default ConfirmationDialog;

src/languages/de_DE.js

@@ -72,7 +72,11 @@ const de_DE = () => {
         darkThemeDescription: "Schont die Augen.",
         export: "Export",
         yourTextHere: "Dein Text hier",
-        filePath: "Dateipfad"
+        filePath: "Dateipfad",
+        yes: "Ja",
+        no: "Nein",
+        confirmation: "Bestätigung",
+        confirmResetSettings: "Möchten Sie wirklich alle Einstellungen zurücksetzen?"
     }
 };
 

src/languages/en_US.js

@@ -72,7 +72,11 @@ const en_US = () => {
         darkThemeDescription: "Easy on the eyes.",
         export: "Export",
         yourTextHere: "Your text here",
-        filePath: "File path"
+        filePath: "File path",
+        yes: "Yes",
+        no: "No",
+        confirmation: "Confirmation",
+        confirmResetSettings: "Are you sure you want to reset all settings?"
     }
 };
 

src/languages/es_ES.js

@@ -72,7 +72,11 @@ const es_ES = () => {
         darkThemeDescription: "Fácil para los ojos.",
         export: "Exportar",
         yourTextHere: "Tu texto aqui",
-        filePath: "Ruta de archivo"
+        filePath: "Ruta de archivo",
+        yes: "Sí",
+        no: "No",
+        confirmation: "Confirmación",
+        confirmResetSettings: "¿Estás seguro de que quieres restablecer todos los ajustes?"
     }
 };
 

src/languages/fr_FR.js

@@ -72,7 +72,11 @@ const fr_FR = () => {
         darkThemeDescription: "Facile sur les yeux.",
         export: "Exporter",
         yourTextHere: "Votre texte ici",
-        filePath: "Chemin du fichier"
+        filePath: "Chemin du fichier",
+        yes: "Oui",
+        no: "Non",
+        confirmation: "Confirmation",
+        confirmResetSettings: "Voulez-vous vraiment réinitialiser tous les paramètres?"
     }
 };
 

src/languages/it_IT.js

@@ -72,7 +72,11 @@ const it_IT = () => {
         darkThemeDescription: "Facile per gli occhi.",
         export: "Esportare",
         yourTextHere: "Il tuo testo qui",
-        filePath: "Percorso del file"
+        filePath: "Percorso del file",
+        yes: "Sì",
+        no: "No",
+        confirmation: "Conferma",
+        confirmResetSettings: "Sei sicuro di voler ripristinare tutte le impostazioni?"
     }
 };
 

src/languages/jp_JP.js

@@ -72,7 +72,11 @@ const jp_JP = () => {
         darkThemeDescription: "目に優しい。",
         export: "書き出す",
         yourTextHere: "ここにあなたのテキスト",
-        filePath: "ファイルパス"
+        filePath: "ファイルパス",
+        yes: "はい",
+        no: "番号",
+        confirmation: "確認",
+        confirmResetSettings: "すべての設定をリセットしてもよろしいですか？"
     }
 };
 

src/languages/nl_NL.js

@@ -72,7 +72,11 @@ const nl_NL = () => {
         darkThemeDescription: "Makkelijk voor de ogen.",
         export: "Exporteren",
         yourTextHere: "Jouw text hier",
-        filePath: "Bestandspad"
+        filePath: "Bestandspad",
+        yes: "Ja",
+        no: "Nee",
+        confirmation: "Bevestiging",
+        confirmResetSettings: "Bent u zeker dat u alle instellingen wenst te resetten?"
     }
 };
 

src/languages/pt_PT.js

@@ -72,7 +72,11 @@ const pt_PT = () => {
         darkThemeDescription: "Fácil para os olhos.",
         export: "Exportação",
         yourTextHere: "Seu texto aqui",
-        filePath: "Caminho de arquivo"
+        filePath: "Caminho de arquivo",
+        yes: "Sim",
+        no: "Não",
+        confirmation: "Confirmação",
+        confirmResetSettings: "Tem certeza de que deseja redefinir todas as configurações?"
     }
 };
 

src/languages/ru_RU.js

@@ -72,7 +72,11 @@ const ru_RU = () => {
         darkThemeDescription: "Легко на глазах.",
         export: "экспорт",
         yourTextHere: "Здесь ваш текст",
-        filePath: "Путь файла"
+        filePath: "Путь файла",
+        yes: "да",
+        no: "нет",
+        confirmation: "подтверждение",
+        confirmResetSettings: "Вы уверены, что хотите сбросить все настройки?"
     }
 };