texttree · DenisArger · Aug 31, 2023 · Aug 31, 2023 · Aug 31, 2023 · Aug 31, 2023
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -6,15 +6,14 @@ module.exports = {
     'plugin:react/recommended',
     'plugin:react/jsx-runtime',
     'plugin:react-hooks/recommended',
+    'prettier',
   ],
   ignorePatterns: ['dist', 'netlify', '.eslintrc.cjs'],
   parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
   settings: { react: { version: '18.2' } },
-  plugins: ['react-refresh'],
+  plugins: ['react-refresh', 'prettier'],
   rules: {
-    'react-refresh/only-export-components': [
-      'warn',
-      { allowConstantExport: true },
-    ],
+    'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
+    'prettier/prettier': 'error',
   },
-};
+}
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,10 @@
+{
+  "parser": "flow",
+  "useTabs": false,
+  "printWidth": 90,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "singleQuote": true,
+  "bracketSameLine": false,
+  "semi": false
+}
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -0,0 +1,7 @@
+{
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode",
+    "vivaxy.vscode-conventional-commits"
+  ]
+}
diff --git a/index.html b/index.html
@@ -16,9 +16,10 @@
   <title>3:16 John</title>
 </head>
 
-<body>
+<body class="bg-white text-black dark:bg-primary dark:text-white">
   <div id="root"></div>
   <script type="module" src="/src/main.jsx"></script>
+
 </body>
 
 </html>
diff --git a/netlify/functions/sendFeedback.js b/netlify/functions/sendFeedback.js
@@ -1,6 +1,6 @@
 const axios = require('axios');
 
-exports.handler = async function (event) {
+export async function handler(event) {
   let sendInfo;
   try {
     sendInfo = JSON.parse(event.body);

diff --git a/package.json b/package.json
@@ -13,7 +13,8 @@
     "@headlessui/react": "^1.7.16",
     "axios": "^1.4.0",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-swipeable": "^7.0.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.15",
@@ -32,6 +33,7 @@
     "react-i18next": "^13.1.2",
     "recoil": "^0.7.7",
     "tailwindcss": "^3.3.3",
-    "vite": "^4.4.5"
+    "vite": "^4.4.5",
+    "vite-plugin-svgr": "^4.1.0"
   }
 }
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
@@ -1,14 +1,14 @@
 {
   "AboutProject": "About project",
-  "AboutProjectText": "English. Lorem ipsum dolor sit amet consectetur. Massa nunc tempor velit vivamus vitae auctor. A sagittis sit nunc sed blandit. Ipsum eu orci magna sed ipsum tristique nec. Eget mi faucibus est nunc arcu viverra.",
+  "AboutProjectText": "John 3:16 is a project aimed at making a well-known verse available in all languages of the world.",
   "By": "by",
   "ContactUs": "Contact us",
   "Country": "Country",
-  "TranslatedLanguage": "Translated language out of",
-  "TranslatedLanguage_few": "Translated {{count}} languages out of",
-  "TranslatedLanguage_many": "Translated {{count}} languages out of",
-  "TranslatedLanguage_one": "Translated {{count}} languages out of",
-  "TranslatedLanguage_other": "Translated {{count}} languages out of",
+  "CountVerse": "Just one verse translation",
+  "CountVerse_few": "Total {{count}} verse translations",
+  "CountVerse_many": "Total {{count}} verse translations",
+  "CountVerse_one": "Total {{count}} verse translation",
+  "CountVerse_other": "Total {{count}} verse translations",
   "Language": "Language",
   "Language_few": "{{count}} languages",
   "Language_many": "{{count}} languages",
@@ -18,9 +18,14 @@
   "Message": "Message",
   "NotAllFieldFull": "Not all fields are filled in",
   "OurGoal": "Our goal",
-  "OurGoalText": "Our goal is to have John 3:16 translated into all the languages of the world by 2033.",
+  "OurGoalText": "Our goal is to support the vision of translating the Bible until 2033 into all languages of the world.",
   "PrivacyPolicyMessage": "By clicking the 'Submit' button, you agree to the privacy policy.",
   "Send": "Send",
+  "TranslatedLanguage": "Translated language out of",
+  "TranslatedLanguage_few": "Translated {{count}} languages out of",
+  "TranslatedLanguage_many": "Translated {{count}} languages out of",
+  "TranslatedLanguage_one": "Translated {{count}} languages out of",
+  "TranslatedLanguage_other": "Translated {{count}} languages out of",
   "YourEmail": "Your email",
   "YourMessageHasBeenSent": "Your message has been sent",
   "YourName": "Your name"

diff --git a/public/locales/ru/translation.json b/public/locales/ru/translation.json
@@ -1,14 +1,14 @@
 {
   "AboutProject": "О проекте",
-  "AboutProjectText": "На русском. Lorem ipsum dolor sit amet consectetur. Massa nunc tempor velit vivamus vitae auctor. A sagittis sit nunc sed blandit. Ipsum eu orci magna sed ipsum tristique nec. Eget mi faucibus est nunc arcu viverra.",
+  "AboutProjectText": "Иоанна 3:16 - проект, цель которого сделать доступным хорошо известный стих на все языки мира.",
   "By": "от",
   "ContactUs": "Свяжитесь с нами",
   "Country": "Страна",
-  "TranslatedLanguage": "Переведен язык из",
-  "TranslatedLanguage_few": "Переведены {{count}} языка из",
-  "TranslatedLanguage_many": "Переведено {{count}} языков из",
-  "TranslatedLanguage_one": "Переведен {{count}} язык из",
-  "TranslatedLanguage_other": "Переведены {{count}} языка из",
+  "CountVerse": "Всего один  перевод стиха",
+  "CountVerse_few": "Всего {{count}} перевода стиха",
+  "CountVerse_many": "Всего {{count}} переводов стиха",
+  "CountVerse_one": "Всего {{count}} перевод стих",
+  "CountVerse_other": "Всего {{count}} переводов стиха",
   "Language": "Язык",
   "Language_few": "{{count}} языка",
   "Language_many": "{{count}} языков",
@@ -18,9 +18,14 @@
   "Message": "Сообщение",
   "NotAllFieldFull": "Не все поля заполнены",
   "OurGoal": "Наша цель",
-  "OurGoalText": "Наша цель - до 2033 года перевести стих Иоанна 3:16 на все языки мира.",
+  "OurGoalText": "Наша цель - поддержать видение по переводу Библии до 2033 года на все языки мира.",
   "PrivacyPolicyMessage": "Нажимая кнопку 'Отправить', вы соглашаетесь с политикой конфиденциальности.",
   "Send": "Отправить",
+  "TranslatedLanguage": "Переведен язык из",
+  "TranslatedLanguage_few": "Переведены {{count}} языка из",
+  "TranslatedLanguage_many": "Переведено {{count}} языков из",
+  "TranslatedLanguage_one": "Переведен {{count}} язык из",
+  "TranslatedLanguage_other": "Переведены {{count}} языка из",
   "YourEmail": "Ваш email",
   "YourMessageHasBeenSent": "Ваше сообщение отправлено",
   "YourName": "Ваше имя"

diff --git a/public/mstile-150x150.png b/public/mstile-150x150.png
diff --git a/public/safari-pinned-tab.svg b/public/safari-pinned-tab.svg
diff --git a/src/App.jsx b/src/App.jsx
@@ -1,7 +1,7 @@
-import LanguageSelect from './components/LanguageSelect';
-import Header from './components/Header';
-import VerseSlider from './components/VerseSlider';
-import About from './components/About';
+import LanguageSelect from './components/LanguageSelect'
+import Header from './components/Header'
+import VerseSlider from './components/VerseSlider'
+import About from './components/About'
 
 function App() {
   return (
@@ -11,7 +11,7 @@ function App() {
       <VerseSlider />
       <About />
     </div>
-  );
+  )
 }
 
-export default App;
+export default App
diff --git a/src/atoms.js b/src/atoms.js
@@ -1,6 +1,16 @@
-import { atom } from 'recoil';
+import { atom } from "recoil";
 
 export const languageIndexState = atom({
-  key: 'languageIndexState',
+  key: "languageIndexState",
   default: 0,
 });
+
+export const translateIndexState = atom({
+  key: "translateIndexState",
+  default: 0,
+});
+
+export const darkModeState = atom({
+  key: "darkModeState",
+  default: false,
+});