import styles from "./Friend.module.scss"; import { Conversation, UserPlus } from "@styled-icons/boxicons-solid"; import { Friend } from "./Friend"; import { Text } from "preact-i18n"; import Header from "../../components/ui/Header"; import Overline from "../../components/ui/Overline"; import IconButton from "../../components/ui/IconButton"; import { useUsers } from "../../context/revoltjs/hooks"; import { User, Users } from "revolt.js/dist/api/objects"; import { useIntermediate } from "../../context/intermediate/Intermediate"; export default function Friends() { const { openScreen } = useIntermediate(); const users = useUsers() as User[]; users.sort((a, b) => a.username.localeCompare(b.username)); const pending = users.filter( x => x.relationship === Users.Relationship.Incoming || x.relationship === Users.Relationship.Outgoing ); const friends = users.filter( x => x.relationship === Users.Relationship.Friend ); const blocked = users.filter( x => x.relationship === Users.Relationship.Blocked ); return ( <>
openScreen({ id: 'special_input', type: 'add_friend' })}> {/* TOFIX: Make sure this opens the "Start Group DM" window on click */} openScreen({ id: 'special_input', type: 'add_friend' })}>
{pending.length + friends.length + blocked.length === 0 && ( <> )} {pending.length > 0 && ( —{" "} {pending.length} )} {pending.map(y => ( ))} {friends.length > 0 && ( —{" "} {friends.length} )} {friends.map(y => ( ))} {blocked.length > 0 && ( —{" "} {blocked.length} )} {blocked.map(y => ( ))}
); }