schiwagoa/tianji
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: add loading state for common list

Browse Source
This commit is contained in:
moonrailgun 2024-05-17 19:36:46 +08:00
parent eacf7fc56f
commit 00d40c8410
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/client/components/CommonList.tsx
View File

@ -8,6 +8,7 @@ import { Input } from './ui/input';
import { useFuseSearch } from '@/hooks/useFuseSearch'; import { useFuseSearch } from '@/hooks/useFuseSearch';
import { Empty } from 'antd'; import { Empty } from 'antd';
import { globalEventBus } from '@/utils/event'; import { globalEventBus } from '@/utils/event';
import { Spinner } from './ui/spinner';
export interface CommonListItem { export interface CommonListItem {
id: string; id: string;
@ -69,6 +70,12 @@ export const CommonList: React.FC<CommonListProps> = React.memo((props) => {
<ScrollArea className="flex-1"> <ScrollArea className="flex-1">
<div className="flex flex-col gap-2 p-4"> <div className="flex flex-col gap-2 p-4">
{props.isLoading && (
<div className="flex justify-center py-8">
<Spinner size={24} />
</div>
)}
{finalList.length === 0 && !props.isLoading && <Empty />} {finalList.length === 0 && !props.isLoading && <Empty />}
{finalList.map((item) => { {finalList.map((item) => {