devsyncwrld/backspace
1
0
Fork 0
Code Issues Pull Requests Actions 23 Packages Projects Releases Wiki Activity

feat: add Nori mascot to mobile empty states

Browse Source
This commit is contained in:
Jannis Braun
2026-03-22 23:39:16 +01:00
parent b3051c25cd
commit 313ff4ef87
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/web/src/components/layout/MobileDmsScreen.tsx
+4 -2
View File
@@ -5,6 +5,7 @@ import { useChatStore } from '../../stores/chatStore';
import { useAuthStore } from '../../stores/authStore'; import { useAuthStore } from '../../stores/authStore';
import { useSocialStore } from '../../stores/socialStore'; import { useSocialStore } from '../../stores/socialStore';
import { Avatar } from '../ui/Avatar'; import { Avatar } from '../ui/Avatar';
import { Mascot } from '../ui/Mascot';
import { resolveAssetUrl } from '../../utils/assetUrls'; import { resolveAssetUrl } from '../../utils/assetUrls';
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';
@@ -180,8 +181,9 @@ export function MobileDmsScreen() {
})} })}
{sortedDms.length === 0 && ( {sortedDms.length === 0 && (
<div className="flex flex-col items-center justify-center h-40 text-txt-tertiary text-sm"> <div className="flex flex-col items-center justify-center h-40 opacity-80">
No conversations yet <Mascot state="sleeping" className="w-20 h-20 mb-2" />
<p className="text-txt-tertiary text-sm">No conversations yet.</p>
</div> </div>
)} )}
</div> </div>
packages/web/src/components/layout/MobileSpacesScreen.tsx
+4 -2
View File
@@ -8,6 +8,7 @@ import { useNavigate } from 'react-router-dom';
import { getSpaceGradient } from '../../utils/gradients'; import { getSpaceGradient } from '../../utils/gradients';
import { hasPermissionBit, PermissionBits } from '../../utils/permissions'; import { hasPermissionBit, PermissionBits } from '../../utils/permissions';
import type { Channel } from '@backspace/shared'; import type { Channel } from '@backspace/shared';
import { Mascot } from '../ui/Mascot';
export function MobileSpacesScreen() { export function MobileSpacesScreen() {
const spaces = useSpaceStore((s) => s.spaces); const spaces = useSpaceStore((s) => s.spaces);
@@ -308,8 +309,9 @@ export function MobileSpacesScreen() {
{/* Empty state */} {/* Empty state */}
{spaceChannels.length === 0 && selectedSpaceId && ( {spaceChannels.length === 0 && selectedSpaceId && (
<div className="flex items-center justify-center h-32 text-txt-tertiary text-sm"> <div className="flex flex-col items-center justify-center h-32 opacity-80">
No channels yet <Mascot state="idle" className="w-20 h-20 mb-2" />
<p className="text-txt-tertiary text-sm">No channels yet.</p>
</div> </div>
)} )}
</div> </div>