muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

refactored flow page

Browse source
This commit is contained in:
Fedor Katurov 2021-11-06 19:48:07 +07:00
parent 93a1d4104b
commit 0b77e87778
10 changed files with 182 additions and 88 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/flow/FlowSearchResults/index.tsx
View file

@ -1,16 +1,17 @@
import React, { FC, useCallback } from 'react';
import styles from './styles.module.scss';
import { IFlowState } from '~/redux/flow/reducer';
import { LoaderCircle } from '~/components/input/LoaderCircle';
import { FlowRecentItem } from '../FlowRecentItem';
import { Icon } from '~/components/input/Icon';
import { INode } from '~/redux/types';
interface IProps {
search: IFlowState['search'];
isLoading: boolean;
results: INode[];
onLoadMore: () => void;
}
const FlowSearchResults: FC<IProps> = ({ search, onLoadMore }) => {
const FlowSearchResults: FC<IProps> = ({ results, isLoading, onLoadMore }) => {
const onScroll = useCallback(
event => {
const el = event.target;
@ -23,7 +24,7 @@ const FlowSearchResults: FC<IProps> = ({ search, onLoadMore }) => {
[onLoadMore]
);
if (search.is_loading) {
if (isLoading) {
return (
<div className={styles.loading}>
<LoaderCircle size={64} />
@ -31,7 +32,7 @@ const FlowSearchResults: FC<IProps> = ({ search, onLoadMore }) => {
);
}
if (!search.results.length) {
if (!results.length) {
return (
<div className={styles.loading}>
<Icon size={96} icon="search" />
@ -42,7 +43,7 @@ const FlowSearchResults: FC<IProps> = ({ search, onLoadMore }) => {
return (
<div className={styles.wrap} onScroll={onScroll}>
{search.results.map(node => (
{results.map(node => (
<FlowRecentItem node={node} key={node.id} />
))}
</div>