From fc8d671d10868603ea350cd2e1ccadfe44d85496 Mon Sep 17 00:00:00 2001
From: MaryWylde <marykhachatryan13@gmail.com>
Date: Mon, 15 Dec 2025 23:35:31 +0400
Subject: [PATCH] hotfx: change object keys of New Update modal

---
 .../NewUpdateModal/NewUpdateModal.tsx         |  7 +++++--
 src/pages/_app.tsx                            | 19 +++++++++++--------
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/components/NewUpdateModal/NewUpdateModal.tsx b/src/components/NewUpdateModal/NewUpdateModal.tsx
index bddef6d..d72d8ba 100644
--- a/src/components/NewUpdateModal/NewUpdateModal.tsx
+++ b/src/components/NewUpdateModal/NewUpdateModal.tsx
@@ -11,6 +11,9 @@ import type { NewUpdateModalProps } from './NewUpdateModal.types';
 import styles from './NewUpdateModal.module.scss';
 
 const NewUpdateModal: FC<NewUpdateModalProps> = ({ data, onClose }) => {
+  const closeText = data?.['Close button text'];
+  const socialLink = data?.['Social media link'];
+
   return (
     <Modal
       onClick={onClose}
@@ -27,7 +30,7 @@ const NewUpdateModal: FC<NewUpdateModalProps> = ({ data, onClose }) => {
           className={styles.img}
           alt={'New Update'}
         />
-        <Link href={data?.socialMediaLink} target={'_blank'}>
+        <Link href={socialLink} target={'_blank'}>
           <Image
             src={'/assets/insta-icon.svg'}
             alt={'Insta Icon'}
@@ -40,7 +43,7 @@ const NewUpdateModal: FC<NewUpdateModalProps> = ({ data, onClose }) => {
       <div className={styles.content}>
         <ReactMarkdown>{data?.description}</ReactMarkdown>
         <Button
-          label={data?.buttonText}
+          label={closeText}
           onClick={onClose}
           className={styles['closeBtn']}
         />
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 5a4b77a..5c1aa5b 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -272,32 +272,35 @@ function App({ Component, pageProps: { session, ...pageProps } }: TApp) {
   }, []);
 
   useEffect(() => {
+    if (!router.isReady) return;
+
     const getData = async () => {
       try {
-        const locale = router.locale === '' ? 'en' : 'ru';
+        const locale = router.locale === 'ru' ? 'ru' : 'en';
         const data = await getNewUpdate(locale);
-        if (data) {
-          setNewUpdateModalData(data);
-        }
+
+        if (data) setNewUpdateModalData(data);
       } catch (error) {
         console.error('Error fetching new update data:', error);
       }
     };
+
     getData();
-  }, []);
+  }, [router.isReady, router.locale]);
 
   useEffect(() => {
     const hasSeen = document.cookie.includes('updateModalSeen=true');
     if (hasSeen) return;
 
-    if (!newUpdateModalData?.showModal) return;
+    if (!newUpdateModalData?.['Frontend modal visibility']) return;
+    const appearsAfter = newUpdateModalData['Appears after ... seconds'];
 
     const timeout = setTimeout(() => {
       setIsNewUpdateModalVisible(true);
-    }, newUpdateModalData?.showAfter * 1000);
+    }, appearsAfter * 1000);
 
     return () => clearTimeout(timeout);
-  }, [newUpdateModalData?.showModal, newUpdateModalData?.showAfter]);
+  }, [newUpdateModalData, newUpdateModalData?.['Appears after ... seconds']]);
 
   const handleCloseModal = () => {
     setIsNewUpdateModalVisible(false);