waku-org
/
waku-lab
mirror of https://github.com/waku-org/waku-lab.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

chore: use async generator for store queries to improve load times

This commit is contained in:
Danish Arora 2024-10-29 15:35:03 +05:30
parent 4be546db17
commit 29a9aa4d6f
No known key found for this signature in database
GPG Key ID: 1C6EF37CDAE1426E
1 changed files with 1 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
examples/buddybook/src/components/Chain/View/ChainList.tsx
View File

@ -98,22 +98,6 @@ const ChainList: React.FC<ChainListProps> = ({ chainsData, onChainUpdate, isLoad
const rootBlocks = chainsData.filter(block => !block.parentBlockUUID);
if (isLoading) {
return (
<Card className="w-full max-w-4xl mx-auto">
<CardHeader>
<CardTitle>Loading Chains</CardTitle>
</CardHeader>
<CardContent>
<div className="flex flex-col items-center justify-center space-y-4 py-8">
<Loader2 className="h-8 w-8 animate-spin" />
<p className="text-muted-foreground">Fetching chains from the network...</p>
</div>
</CardContent>
</Card>
);
}
return (
<Card className="w-full max-w-4xl mx-auto">
<CardHeader>
@ -128,7 +112,7 @@ const ChainList: React.FC<ChainListProps> = ({ chainsData, onChainUpdate, isLoad
</CardTitle>
</CardHeader>
<CardContent>
{rootBlocks.length === 0 ? (
{rootBlocks.length === 0 && !isLoading ? (
<p>No chains found.</p>
) : (
<ul className="space-y-4">