From a2b9e5b2143ec3384a9e174e6ddcab7f6aa0ede4 Mon Sep 17 00:00:00 2001
From: Adeodonne <bbozhik284@gmail.com>
Date: Mon, 18 Sep 2023 15:12:34 +0300
Subject: [PATCH 1/2] fix tox in streetcode edit window

---
 .../MainNewStreetcode.component.tsx           |  1 +
 .../TextBlock/TextBlock.component.tsx         | 38 +++++++++++++++++--
 2 files changed, 35 insertions(+), 4 deletions(-)

diff --git a/src/features/AdminPage/NewStreetcode/MainNewStreetcode.component.tsx b/src/features/AdminPage/NewStreetcode/MainNewStreetcode.component.tsx
index 72f27ae87..7315c59e8 100644
--- a/src/features/AdminPage/NewStreetcode/MainNewStreetcode.component.tsx
+++ b/src/features/AdminPage/NewStreetcode/MainNewStreetcode.component.tsx
@@ -490,6 +490,7 @@ const NewStreetcode = () => {
                                 onChange={handleFieldChange}
                             />
                             <TextBlock
+                                parseId={parseId}
                                 inputInfo={inputInfo}
                                 setInputInfo={setInputInfo}
                                 video={video}
diff --git a/src/features/AdminPage/NewStreetcode/TextBlock/TextBlock.component.tsx b/src/features/AdminPage/NewStreetcode/TextBlock/TextBlock.component.tsx
index 0c680afce..46585811d 100644
--- a/src/features/AdminPage/NewStreetcode/TextBlock/TextBlock.component.tsx
+++ b/src/features/AdminPage/NewStreetcode/TextBlock/TextBlock.component.tsx
@@ -1,10 +1,12 @@
 /* eslint-disable no-restricted-imports */
-import React from 'react';
+import React, {useEffect, useState} from 'react';
 
 import Video from '@/models/media/video.model';
 import { Text } from '@/models/streetcode/text-contents.model';
 
 import TextForm from './TextForm/TextForm.component';
+import {useAsync} from "@hooks/stateful/useAsync.hook";
+import TextsApi from "@api/streetcode/text-content/texts.api";
 
 interface Props {
     inputInfo: Partial<Text> | undefined;
@@ -12,10 +14,38 @@ interface Props {
     video: Video | undefined;
     setVideo: React.Dispatch<Video | undefined>;
     onChange: (fieldName: string, value: any) => void;
+    parseId: number
 }
 
-const TextBlock = React.memo(({ inputInfo, setInputInfo, video, setVideo, onChange }: Props) => (
-    <TextForm inputInfo={inputInfo} setInputInfo={setInputInfo} video={video} setVideo={setVideo} onChange={onChange} />
-));
+const TextBlock = React.memo(({
+    inputInfo, setInputInfo, video, setVideo, onChange, parseId,
+}: Props) => {
+    const [inputInfoAsync, setInputInfoAsync] = useState<Partial<Text>>();
+    useAsync(() => {
+        if(parseId != null) {
+            TextsApi.getByStreetcodeId(parseId).then((result) => {
+                setInputInfoAsync(result);
+            });
+        }
+    }, [parseId]);
+
+    useEffect(() => {
+        setInputInfo(inputInfoAsync);
+    }, [inputInfoAsync]);
+
+    return (
+        inputInfoAsync !== null
+            ? (
+                <TextForm
+                    inputInfo={inputInfoAsync}
+                    setInputInfo={setInputInfoAsync}
+                    video={video}
+                    setVideo={setVideo}
+                    onChange={onChange}
+                />
+            )
+            : <></>
+    );
+});
 
 export default TextBlock;

From f81b0e93fb638cdd718eed99a46b7fe0bcf84e51 Mon Sep 17 00:00:00 2001
From: Adeodonne <bbozhik284@gmail.com>
Date: Mon, 18 Sep 2023 18:27:30 +0300
Subject: [PATCH 2/2] add console.log

---
 .../TextBlock/TextForm/Editors/TextEditor.component.tsx   | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/features/AdminPage/NewStreetcode/TextBlock/TextForm/Editors/TextEditor.component.tsx b/src/features/AdminPage/NewStreetcode/TextBlock/TextForm/Editors/TextEditor.component.tsx
index e486b0826..d09d0de20 100644
--- a/src/features/AdminPage/NewStreetcode/TextBlock/TextForm/Editors/TextEditor.component.tsx
+++ b/src/features/AdminPage/NewStreetcode/TextBlock/TextForm/Editors/TextEditor.component.tsx
@@ -22,7 +22,9 @@ interface Props {
 
 const toolTipColor = '#8D1F16';
 
-const TextEditor = ({ character_limit, inputInfo, setInputInfo, onChange, text }: Props) => {
+const TextEditor = ({
+    character_limit, inputInfo, setInputInfo, onChange, text,
+}: Props) => {
     const { relatedTermStore, termsStore } = useMobx();
     const { modalStore: { setModal } } = useModalContext();
     const { fetchTerms, getTermArray } = termsStore;
@@ -88,6 +90,10 @@ const TextEditor = ({ character_limit, inputInfo, setInputInfo, onChange, text }
     useAsync(fetchTerms, []);
     const maxLength = character_limit || 15000;
 
+    useEffect(() => {
+        console.log(inputInfo);
+    }, [inputInfo]);
+
     return (
         <FormItem
             label="Основний текст"