From 4b29d4b012c6469075648bc0bef45ce490c38e55 Mon Sep 17 00:00:00 2001
From: Nayam Amarshe <25067102+NayamAmarshe@users.noreply.github.com>
Date: Fri, 4 Oct 2024 14:42:03 +0530
Subject: [PATCH] Update function and translation

---
 .../components/main-content/lens-view.tsx     | 64 +++++++++++--------
 renderer/locales/ru.json                      |  4 +-
 renderer/locales/zh.json                      |  4 +-
 3 files changed, 42 insertions(+), 30 deletions(-)

diff --git a/renderer/components/main-content/lens-view.tsx b/renderer/components/main-content/lens-view.tsx
index 002fb98..ac27949 100644
--- a/renderer/components/main-content/lens-view.tsx
+++ b/renderer/components/main-content/lens-view.tsx
@@ -1,5 +1,31 @@
 import React, { useRef, useState } from "react";
 
+const LensImage = ({
+  src,
+  alt,
+  lensPosition,
+  zoomAmount,
+}: {
+  src: string;
+  alt: string;
+  lensPosition: { x: number; y: number };
+  zoomAmount: number;
+}) => (
+  <div className="h-full w-full overflow-hidden">
+    <img
+      src={src}
+      alt={alt}
+      className="h-full w-full"
+      style={{
+        objectFit: "contain",
+        objectPosition: `${-lensPosition.x}px ${-lensPosition.y}px`,
+        transform: `scale(${zoomAmount / 100})`,
+        transformOrigin: "top left",
+      }}
+    />
+  </div>
+);
+
 const LensViewer = ({
   zoomAmount,
   lensSize,
@@ -53,32 +79,18 @@ const LensViewer = ({
         }}
       >
         <div className="flex h-full w-full">
-          <div className="h-full w-full overflow-hidden">
-            <img
-              src={"file:///" + sanitizedImagePath}
-              alt="Original"
-              className="h-full w-full"
-              style={{
-                objectFit: "contain",
-                objectPosition: `${-lensPosition.x}px ${-lensPosition.y}px`,
-                transform: `scale(${parseInt(zoomAmount) / 100})`,
-                transformOrigin: "top left",
-              }}
-            />
-          </div>
-          <div className="h-full w-full overflow-hidden">
-            <img
-              src={"file:///" + sanitizedUpscaledImagePath}
-              alt="Upscaled"
-              className="h-full w-full"
-              style={{
-                objectFit: "contain",
-                objectPosition: `${-lensPosition.x}px ${-lensPosition.y}px`,
-                transform: `scale(${parseInt(zoomAmount) / 100})`,
-                transformOrigin: "top left",
-              }}
-            />
-          </div>
+          <LensImage
+            src={"file:///" + sanitizedImagePath}
+            alt="Original"
+            lensPosition={lensPosition}
+            zoomAmount={parseInt(zoomAmount)}
+          />
+          <LensImage
+            src={"file:///" + sanitizedUpscaledImagePath}
+            alt="Upscaled"
+            lensPosition={lensPosition}
+            zoomAmount={parseInt(zoomAmount)}
+          />
         </div>
         <div className="absolute bottom-0 left-0 flex w-full items-center justify-around bg-black bg-opacity-50 p-1 px-2 text-center text-xs text-white backdrop-blur-sm">
           <span>Original</span>
diff --git a/renderer/locales/ru.json b/renderer/locales/ru.json
index 3a4a62c..00e58ce 100644
--- a/renderer/locales/ru.json
+++ b/renderer/locales/ru.json
@@ -127,8 +127,8 @@
       "FROM_TITLE": "Увеличить с ",
       "TO_TITLE": " до ",
       "NO_OUTPUT_FOLDER_ALERT": "Пожалуйста, сначала выберите папку вывода",
-      "START_BUTTON_TITLE": "Увеличить",
-      "IN_PROGRESS_BUTTON_TITLE": "Увеличение⏳"
+      "START_BUTTON_TITLE": "Увеличить 🚀",
+      "IN_PROGRESS_BUTTON_TITLE": "Увеличение ⏳"
     },
     "IMAGE_OPTIONS": {
       "RESET_BUTTON_TITLE": "Сбросить изображение",
diff --git a/renderer/locales/zh.json b/renderer/locales/zh.json
index ac0cffb..4cb4d7d 100644
--- a/renderer/locales/zh.json
+++ b/renderer/locales/zh.json
@@ -127,8 +127,8 @@
       "FROM_TITLE": "从 ",
       "TO_TITLE": " 升图到 ",
       "NO_OUTPUT_FOLDER_ALERT": "请先选择一个输出文件夹",
-      "START_BUTTON_TITLE": "升图！",
-      "IN_PROGRESS_BUTTON_TITLE": "正在升图⏳"
+      "START_BUTTON_TITLE": "升图！🚀",
+      "IN_PROGRESS_BUTTON_TITLE": "正在升图 ⏳"
     },
     "IMAGE_OPTIONS": {
       "RESET_BUTTON_TITLE": "重置图片",