UI fix for friends page

pull/4680/head
Kamran Ahmed 1 year ago
parent 8fb3e7983b
commit c6c91ef8fe
  1. 4
      src/components/Friends/FriendsPage.tsx

@ -10,7 +10,7 @@ import { FriendProgressItem } from './FriendProgressItem';
import { UserProgressModal } from '../UserProgress/UserProgressModal'; import { UserProgressModal } from '../UserProgress/UserProgressModal';
import { InviteFriendPopup } from './InviteFriendPopup'; import { InviteFriendPopup } from './InviteFriendPopup';
import { UserCustomProgressModal } from '../UserProgress/UserCustomProgressModal'; import { UserCustomProgressModal } from '../UserProgress/UserCustomProgressModal';
import { UserIcon } from '../ReactIcons/UserIcon.tsx'; import {UserIcon} from "lucide-react";
type FriendResourceProgress = { type FriendResourceProgress = {
updatedAt: string; updatedAt: string;
@ -203,7 +203,7 @@ export function FriendsPage() {
{filteredFriends.length === 0 && ( {filteredFriends.length === 0 && (
<div className="flex flex-col items-center justify-center py-12"> <div className="flex flex-col items-center justify-center py-12">
<UserIcon className="mb-3 w-12 opacity-20" /> <UserIcon size={'60px'} className="mb-3 w-12 opacity-20" />
<h2 className="text-lg font-semibold"> <h2 className="text-lg font-semibold">
{selectedGrouping === 'active' && 'No friends yet'} {selectedGrouping === 'active' && 'No friends yet'}

Loading…
Cancel
Save