From e7a5d137744e1b8abf4818d347b14cd593789f1e Mon Sep 17 00:00:00 2001
From: neko <ai73a@yandex.ru>
Date: Tue, 8 Nov 2022 16:41:30 +0300
Subject: [PATCH] add loading

---
 src/s2-homeworks/hw14/HW14.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/s2-homeworks/hw14/HW14.tsx b/src/s2-homeworks/hw14/HW14.tsx
index 5f2634b..7e54ecc 100644
--- a/src/s2-homeworks/hw14/HW14.tsx
+++ b/src/s2-homeworks/hw14/HW14.tsx
@@ -15,7 +15,7 @@ import {useSearchParams} from 'react-router-dom'
 
 const getTechs = (find: string) => {
     return axios
-        .get<{techs: string[]}>(
+        .get<{ techs: string[] }>(
             'https://incubator-personal-page-back.herokuapp.com/api/3.0/homework/test2',
             {params: {find}}
         )
@@ -49,9 +49,9 @@ const HW14 = () => {
         setFind(value)
         // делает студент
 
-        const findQuery: {find?: string} = value ? {find: value} : {} // если нет - то не записывать в урл
+        const findQuery: { find?: string } = value ? {find: value} : {} // если нет - то не записывать в урл
         const {find, ...lastQueries} = Object.fromEntries(searchParams)
-        
+
         setSearchParams({...lastQueries, ...findQuery})
 
         //
@@ -80,9 +80,14 @@ const HW14 = () => {
                     onChangeText={onChangeText}
                     onDebouncedChange={sendQuery}
                 />
-                <span id={'hw14-loading'}>
-                    {isLoading && '...ищем'}
-                </span>
+                {isLoading ? (
+                    <span id={'hw14-loading'}>
+                        ...ищем
+                    </span>
+                ) : (
+                    <br/>
+                )}
+
                 {mappedTechs}
             </div>
         </div>