waku-org/waku-lab
1
0
Fork 0
mirror of https://github.com/waku-org/waku-lab.git synced 2025-02-20 11:38:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

make UI rename change

Browse Source
This commit is contained in:
Sasha 2024-11-13 15:25:18 +07:00
parent 3603672d53
commit 3f25b6e8a0
No known key found for this signature in database
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
examples/buddybook/src/components/ConnectionStatus.tsx
View File

@ -44,8 +44,8 @@ const ConnectionStatus: React.FC<ConnectionStatusProps> = ({ filter, store }) =>
return (
<Card className="fixed bottom-4 left-4 right-4 md:static md:bottom-auto md:left-auto p-2 bg-background/80 backdrop-blur-sm border shadow-lg z-50 md:z-auto">
<div className="flex flex-row justify-around md:justify-start md:gap-4">
<StatusIndicator status={filter} label="Filter" />
<StatusIndicator status={store} label="Store" />
<StatusIndicator status={filter} label="Connection" />
<StatusIndicator status={store} label="History" />
</div>
</Card>
);

6
examples/buddybook/src/components/Header.tsx
View File

@ -86,14 +86,14 @@ const Header: React.FC<HeaderProps> = ({ wakuStatus }) => {
{!isWakuLoading && !wakuError && (
<>
<div className="flex items-center space-x-1">
<span className="hidden md:inline text-muted-foreground">Filter:</span>
<span className="hidden md:inline text-muted-foreground">Connection:</span>
<div className={`w-2 h-2 md:w-3 md:h-3 rounded-full ${getStatusColor(wakuStatus.filter)}`}></div>
</div>
<div className="flex items-center space-x-1">
<span className="hidden md:inline text-muted-foreground">Store:</span>
<span className="hidden md:inline text-muted-foreground">History:</span>
<div className={`w-2 h-2 md:w-3 md:h-3 rounded-full ${getStatusColor(wakuStatus.store)}`}></div>
</div>
<div className="flex items-center space-x-1">
<div className="flex items-center space-x-1 hidden">
<span className="hidden md:inline text-muted-foreground">Peers:</span>
{isWakuLoading ? (
<Loader2 className="h-4 w-4 animate-spin" />