Refactoring...

Author: dmaximyuk

src/components/Help/Help.tsx

@@ -1,6 +1,6 @@
 import "./Help.sass";
 
-import { useCallback, type FC, MouseEvent } from "react";
+import { type FC } from "react";
 import { useNavigate } from "react-router-dom";
 import { getRoutePath } from "utils";
 
@@ -17,14 +17,9 @@ interface HelpProps {
 const Help: FC<HelpProps> = (props) => {
   const navigate = useNavigate();
 
-  const handleOnClick = useCallback(
-    (e: MouseEvent) => {
-      e.stopPropagation();
-      console.log("Card clicked");
-      navigate(getRoutePath(props.to));
-    },
-    [props.to],
-  );
+  const handleOnClick = () => {
+    navigate(getRoutePath(props.to));
+  };
 
   return (
     <Card className="Help" onClick={handleOnClick}>

src/translation/ru.json

@@ -1,71 +1,71 @@
 {
   "app": {
     "name": "ZLottie",
-    "description": "Lottie minifier",
+    "description": "Минификатор Lottie",
     "theme": {
-      "title": "Theme",
-      "dark": "Dark",
-      "light": "Light"
+      "title": "Тема",
+      "dark": "Тёмная",
+      "light": "Светлая"
     },
     "language": {
-      "title": "Language",
+      "title": "Язык",
       "en": "English",
       "ru": "Русский"
     }
   },
   "header": {
-    "doc": "Documentation"
+    "doc": "Документация"
   },
   "home": {
     "seo": {
-      "title": "Minifier"
+      "title": "Минификатор"
     },
     "aside": {
       "howUse": {
-        "title": "How to use?",
-        "text": "Click to learn"
+        "title": "Как использовать?",
+        "text": "Читать..."
       },
       "whyIs": {
-        "title": "Why is ZLottie?",
-        "text": "Click to learn"
+        "title": "Почему ZLottie?",
+        "text": "Читать..."
       },
       "saved": {
-        "title": "Savings",
-        "subtitle": "Counts how many bytes there were and how many turned out",
-        "prev": "Previous value",
-        "next": "Next value",
-        "all": "Total"
+        "title": "Экономия",
+        "subtitle": "Считает, сколько байт было и сколько получилось",
+        "prev": "Предыдущий",
+        "next": "Новый",
+        "all": "Всего"
       }
     },
     "dnd": {
-      "upload": "Drag & Drop files here",
-      "alternative": "Or click me and upload files",
+      "upload": "Перетащите файлы сюда",
+      "alternative": "Или нажмите, чтобы загрузить их",
       "support": {
-        "before": "Support Only",
-        "after": "TGS or JSON"
+        "before": "Поддерживаются только",
+        "after": "TGS или JSON"
       }
     },
     "files": {
       "empty": {
-        "title": "You have not processed any files",
-        "text": "Add at least 1 file and everything will appear!"
+        "title": "Вы ещё не обработали ни одного файла",
+        "text": "Добавьте хотя бы 1 файл, и всё появится!"
       },
       "download": {
-        "json": "Download '.json'",
-        "zlottie": "Download '.zlottie'"
+        "json": "Скачать '.json'",
+        "zlottie": "Скачать '.zlottie'"
       }
     }
   },
   "howToUse": {
-    "title": "Instructions for using 'ZLottie'",
-    "subtitle": "First of all, I want to thank you for trusting and using ZLottie!",
-    "text": "What is ZLottie? This is a Lottie in the 'zlib' format. But it's not that simple... \r\n My goal was to create a way to compress and decompress large files, and besides, there was a problem with the very large size of Lottie animations, which can weigh several megabytes (!!!). Later, I was prompted that the GZIP format could be used. And yes, it has significantly reduced the size, but, as always, there is something to strive for! That's how ZLottie turned out. What's it? This is a file compressed using zlib in zlib-raw (you just can't unpack it like that). As a result, the size has decreased significantly! (in some cases, the size is reduced to 8 (!!!) once, just imagine what a saving it is!). But there are also victims! What's the matter… Middleware is needed for unpacking. It doesn't look like a problem, to be honest. Unpacking is extremely fast, and in any case, you should have a placeholder message at the time of lazy loading. As a result, this problem is completely invisible. Unpacking takes less than 0.1 ms, and downloading 500 KB can take up to 30 seconds! In addition, the library for unpacking weighs only 4 KB in production, and if only one function is used, even less after shaking.",
+    "title": "Инструкция по использованию 'ZLottie'",
+    "subtitle": "Прежде всего, спасибо, что доверились и используете ZLottie!",
+    "text": "Что такое ZLottie? Это Lottie в формате 'zlib'. Но всё не так просто... \r\n Моя цель состояла в том, чтобы создать способ сжатия и распаковки больших файлов, а также решить проблему слишком большого размера анимаций Lottie, которые могут весить несколько мегабайт (!!!). Позже мне подсказали, что можно использовать формат GZIP. И да, это значительно уменьшило размер, но, как всегда, есть к чему стремиться! Так появился ZLottie. Что это такое? Это файл, сжатый с использованием zlib в формате zlib-raw (вы не можете просто так его распаковать). В результате размер значительно уменьшился! (в некоторых случаях размер уменьшается до 8 (!!!) раз, только представьте себе такую экономию!). Но есть и жертвы! В чём дело… Для распаковки нужен middleware. Честно говоря, это не выглядит проблемой. Распаковка происходит крайне быстро, и в любом случае у вас должно быть сообщение-заполнитель во время ленивой загрузки. В результате эта проблема совершенно незаметна. Распаковка занимает менее 0.1 мс, а загрузка 500 КБ может занять до 30 секунд! Кроме того, библиотека для распаковки весит всего 4 КБ в продакшене, а если используется только одна функция, то ещё меньше после тряски.",
     "usages": {
-      "0": "Lottie-Web Light was obtained from the Lottie-Web library! (About x2 times less than the usual Lottie-Web);",
-      "1": "fflate is a library for unpacking. If you check through 'bundlephobia', then the weight of the library at the time of writing is only 4 kb;",
+      "0": "Lottie-Web Light был получен из библиотеки Lottie-Web! (Примерно в 2 раза меньше, чем обычный Lottie-Web);",
+      "1": "fflate — это библиотека для распаковки. Если проверить через 'bundlephobia', то вес библиотеки на момент написания составляет всего 4 КБ;",
       "2": "zlottie =)"
     },
-    "copy": "Copy code!",
-    "openInGitHub": "View in GitHub"
+    "copy": "Скопировать код!",
+    "openInGitHub": "Открыть в GitHub"
   }
 }