translating error modal

net/web/src/constants/Strings.js

@@ -30,6 +30,9 @@ export const en = {
   dark: 'Dark',
   light: 'Light',
 
+  operationFailed: 'Operation Failed',
+  tryAgain: 'Please try again.',
+
   save: 'Save',
   forget: 'Forget',
   unlock: 'Unlock',
@@ -95,6 +98,9 @@ export const fr = {
   dark: 'Sombre',
   light: 'Lumineux',
 
+  operationFailed: 'Opération Échouée',
+  tryAgain: 'Veuillez réessayer.',
+
   save: 'Enregistrer',
   forget: 'Oublier',
   unlock: 'Déverrouiller',

net/web/src/session/account/profile/Profile.jsx

@@ -30,9 +30,9 @@ export function Profile({ closeProfile }) {
     catch(err) {
       console.log(err);
       modal.error({
-        title: 'Failed to Save',
+        title: <span style={state.menuStyle}>{state.strings.operationFailed}</span>,
-        content: 'Please try again.',
+        content: <span style={state.menuStyle}>{state.strings.tryAgain}</span>,
-        bodyStyle: { padding: 16 },
+        bodyStyle: { borderRadius: 8, padding: 16, ...state.menuStyle },
       });
     }
   }
@@ -45,9 +45,9 @@ export function Profile({ closeProfile }) {
     catch(err) {
       console.log(err);
       modal.error({
-        title: 'Failed to Save',
+        title: <span style={state.menuStyle}>{state.strings.operationFailed}</span>,
-        content: 'Please try again.',
+        content: <span style={state.menuStyle}>{state.strings.tryAgain}</span>,
-        bodyStyle: { padding: 16 },
+        bodyStyle: { borderRadius: 8, padding: 16, ...state.menuStyle },
       });
     }
   }

net/web/src/session/account/profile/accountAccess/AccountAccess.jsx

@@ -16,9 +16,9 @@ export function AccountAccess() {
     catch (err) {
       console.log(err);
       modal.error({
-        title: 'Failed to Set Sealing Key',
+        title: <span style={state.menuStyle}>{state.strings.operationFailed}</span>,
-        comment: 'Please try again.',
+        content: <span style={state.menuStyle}>{state.strings.tryAgain}</span>,
-        bodyStyle: { padding: 16 },
+        bodyStyle: { borderRadius: 8, padding: 16, ...state.menuStyle },
       });
     }
   }
@@ -30,9 +30,9 @@ export function AccountAccess() {
     catch (err) {
       console.log(err);
       modal.error({
-        title: 'Update Registry Failed',
+        title: <span style={state.menuStyle}>{state.strings.operationFailed}</span>,
-        content: 'Please try again.',
+        content: <span style={state.menuStyle}>{state.strings.tryAgain}</span>,
-        bodyStyle: { padding: 16 },
+        bodyStyle: { borderRadius: 8, padding: 16, ...state.menuStyle },
       });
     }
   };
@@ -45,9 +45,9 @@ export function AccountAccess() {
     catch (err) {
       console.log(err);
       modal.error({
-        title: 'Failed to Save',
+        title: <span style={state.menuStyle}>{state.strings.operationFailed}</span>,
-        comment: 'Please try again.',
+        content: <span style={state.menuStyle}>{state.strings.tryAgain}</span>,
-        bodyStyle: { padding: 16 },
+        bodyStyle: { borderRadius: 8, padding: 16, ...state.menuStyle },
       });
     }
   }

todo

@@ -1,47 +1,47 @@
-profile:
-  - add translations
-  - style modals
-    - image edit
-    - details edit
-    - sealed topics
-    - change login
-
 contact:
   - dark style
+  - translation
   - detail layout
   - action buttons
 
 cards: 
   - dark style
+  - translation
   - alert name overlay
   - @ symbol
   - remove back
 
 listing:
   - dark style
+  - translation
   - remove back
   - match widtch
 
 thread:
   - dark style
+  - translation
   - button tool tip
 
 details:
   - back button
   - dark style
+  - translation
   - action buttons
 
 calling:
   - dark style
+  - translation
   - layout
   - fullscreen
   - device selection
 
 access:
   - dark style
+  - translation
   - language
   - color theme
 
 admin:
   - dark style
+  - translation