From 8f5eca0a560443608a75fc55e280b9fb819530be Mon Sep 17 00:00:00 2001
From: Reckless_Satoshi <reckless.satoshi@protonmail.com>
Date: Mon, 17 Oct 2022 01:49:00 -0700
Subject: [PATCH] Refactor i18n

---
 frontend/src/components/App.js                             | 7 ++-----
 frontend/src/components/TradeSummary.tsx                   | 2 +-
 frontend/src/{components/i18n.Native.js => i18n/Native.js} | 0
 frontend/src/{components/i18n.js => i18n/Web.js}           | 0
 frontend/webpack.config.ts                                 | 4 ++--
 5 files changed, 5 insertions(+), 8 deletions(-)
 rename frontend/src/{components/i18n.Native.js => i18n/Native.js} (100%)
 rename frontend/src/{components/i18n.js => i18n/Web.js} (100%)

diff --git a/frontend/src/components/App.js b/frontend/src/components/App.js
index 4cde78d3..258a9600 100644
--- a/frontend/src/components/App.js
+++ b/frontend/src/components/App.js
@@ -1,22 +1,19 @@
 import React, { Component, Suspense } from 'react';
 import ReactDOM from 'react-dom/client';
 import HomePage from './HomePage';
-import { CssBaseline, IconButton, Link } from '@mui/material';
+import { CssBaseline, IconButton } from '@mui/material';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import UnsafeAlert from './UnsafeAlert';
 import { LearnDialog } from './Dialogs';
 import TorConnection from './TorConnection';
 
 import { I18nextProvider } from 'react-i18next';
-import i18n from './i18n';
+import i18n from '../i18n/Web';
 
 // Icons
 import DarkModeIcon from '@mui/icons-material/DarkMode';
 import LightModeIcon from '@mui/icons-material/LightMode';
 import SchoolIcon from '@mui/icons-material/School';
-import ZoomOutIcon from '@mui/icons-material/ZoomOut';
-import ZoomInIcon from '@mui/icons-material/ZoomIn';
-import SettingsIcon from '@mui/icons-material/Settings';
 import { systemClient } from '../services/System';
 
 export default class App extends Component {
diff --git a/frontend/src/components/TradeSummary.tsx b/frontend/src/components/TradeSummary.tsx
index 35cdee97..96006105 100644
--- a/frontend/src/components/TradeSummary.tsx
+++ b/frontend/src/components/TradeSummary.tsx
@@ -71,7 +71,7 @@ const TradeSummary = ({
   const secs = parseInt(total_time - hours * 3600 - mins * 60);
 
   return (
-    <Grid item xs={12} align='center'>
+    <Grid item xs={12}>
       <Accordion
         defaultExpanded={true}
         elevation={0}
diff --git a/frontend/src/components/i18n.Native.js b/frontend/src/i18n/Native.js
similarity index 100%
rename from frontend/src/components/i18n.Native.js
rename to frontend/src/i18n/Native.js
diff --git a/frontend/src/components/i18n.js b/frontend/src/i18n/Web.js
similarity index 100%
rename from frontend/src/components/i18n.js
rename to frontend/src/i18n/Web.js
diff --git a/frontend/webpack.config.ts b/frontend/webpack.config.ts
index ae15d04c..6cdf1615 100644
--- a/frontend/webpack.config.ts
+++ b/frontend/webpack.config.ts
@@ -38,11 +38,11 @@ const configMobile: Configuration = {
     rules: [
       ...(config?.module?.rules || []),
       {
-        test: path.resolve(__dirname, 'src/components/i18n.js'),
+        test: path.resolve(__dirname, 'src/i18n/Web.js'),
         loader: 'file-replace-loader',
         options: {
           condition: 'if-replacement-exists',
-          replacement: path.resolve(__dirname, 'src/components/i18n.Native.js'),
+          replacement: path.resolve(__dirname, 'src/i18n/Native.js'),
           async: true,
         },
       },