add loading

This commit is contained in:
neko
2022-11-08 16:52:05 +03:00
parent 5eff085df7
commit 492baef96c
2 changed files with 16 additions and 9 deletions

View File

@@ -1,3 +1,7 @@
.tech { .tech {
}
.loading {
} }

View File

@@ -9,8 +9,9 @@ import {useSearchParams} from 'react-router-dom'
* 1 - дописать функцию onChangeTextCallback в SuperPagination * 1 - дописать функцию onChangeTextCallback в SuperPagination
* 2 - дописать функцию sendQuery в HW14 * 2 - дописать функцию sendQuery в HW14
* 3 - дописать функцию onChangeText в HW14 * 3 - дописать функцию onChangeText в HW14
* 4 - сделать стили в соответствии с дизайном * 4 - показать текст во время загрузки
* 5 - добавить HW14 в HW5/pages/JuniorPlus * 5 - сделать стили в соответствии с дизайном
* 6 - добавить HW14 в HW5/pages/JuniorPlus
* */ * */
const getTechs = (find: string) => { const getTechs = (find: string) => {
@@ -80,13 +81,15 @@ const HW14 = () => {
onChangeText={onChangeText} onChangeText={onChangeText}
onDebouncedChange={sendQuery} onDebouncedChange={sendQuery}
/> />
{isLoading ? (
<div id={'hw14-loading'}> {/*делает студент*/}
...ищем {/*показать текст во время загрузки*/}
</div>
) : ( <div id={'hw14-loading'} className={s.loading}>
<br/> {isLoading ? '...ищем' : <br/>}
)} </div>
{/**/}
{mappedTechs} {mappedTechs}
</div> </div>