Moved to a toast message

src/app/(stats)/guild/[value]/_components/members.tsx

@@ -13,6 +13,7 @@ type PlayerForGuild = z.infer<typeof playerForGuildSchema>
 import Image from "next/image"
 import Link from "next/link"
 import { useEffect, useState } from "react"
+import { toast } from "sonner"
 
 type MemberWithPlayer = Guild["guild"]["members"][number] & {
     player?: PlayerForGuild["player"]
@@ -58,6 +59,8 @@ export function GuildMembers({ members: mem, ranks }: { members: Guild["guild"][
         }
     }, [currentIndex, members, isLoading])
 
+    toast.info(`Loaded ${members.filter(member => member.player).length} out of ${members.length}`, { id: "guild.members.loader", duration: 1000 })
+
     return (
         <Card>
             <CardContent>
@@ -73,7 +76,6 @@ export function GuildMembers({ members: mem, ranks }: { members: Guild["guild"][
                     </TableHeader>
                     <TableBody className="space-y-4">
                         {members.filter(member => member.player).sort((a, b) => {
-                            // Guild Master always comes first
                             if (a.rank === "Guild Master" && b.rank !== "Guild Master") return -1
                             if (b.rank === "Guild Master" && a.rank !== "Guild Master") return 1
 
@@ -91,11 +93,6 @@ export function GuildMembers({ members: mem, ranks }: { members: Guild["guild"][
                         }).map((member, i) => <MemberCard key={i} member={member} />)}
                     </TableBody>
                 </Table>
-                {currentIndex < members.length && (
-                    <div className="text-sm text-center text-muted-foreground">
-                        Loading members... ({members.filter(member => member.player).length}/{members.length})
-                    </div>
-                )}
             </CardContent>
         </Card>
     )