- {online}
+ {numberFormat(online)}
)}
- {total}
+ {numberFormat(total)}
)}
+ {bannerUrl && currentTab === Tabs.ServerInfo && (
+ 
openImageModal(bannerUrl)}
+ />
+ )}
+
+
+
+ Server Info
+
+
+ Friends{friendCount !== undefined ? ` (${friendCount})` : ""}
+
+
+ Blocked Users{blockedCount !== undefined ? ` (${blockedCount})` : ""}
+
+
+
+
+ );
+}
+
+
+function Owner(guildId: string, owner: User) {
+ const guildAvatar = GuildMemberStore.getMember(guildId, owner.id)?.avatar;
+ const ownerAvatarUrl =
+ guildAvatar
+ ? IconUtils.getGuildMemberAvatarURLSimple({
+ userId: owner!.id,
+ avatar: guildAvatar,
+ guildId,
+ canAnimate: true
+ }, true)
+ : IconUtils.getUserAvatarURL(owner, true);
+
+ return (
+
+ {guild.icon
+ ? 
openImageModal(iconUrl)}
+ />
+ :
+
+ {guild.acronym}
+ }
+
+
+ {guild.name}
+ {guild.description && {guild.description} }
+
+
+ {currentTab === Tabs.ServerInfo &&
+
+ 
openImageModal(ownerAvatarUrl)} />
+ {Parser.parse(`<@${owner.id}>`)}
+
+ );
+}
+
+function ServerInfoTab({ guild }: GuildProps) {
+ const [owner] = useAwaiter(() => UserUtils.fetchUser(guild.ownerId), {
+ deps: [guild.ownerId],
+ fallbackValue: null
+ });
+
+ const Fields = {
+ "Server Owner": owner ? Owner(guild.id, owner) : "Loading...",
+ "Created At": renderTimestamp(SnowflakeUtils.extractTimestamp(guild.id)),
+ "Joined At": renderTimestamp(guild.joinedAt.getTime()),
+ "Vanity Link": guild.vanityURLCode ? ({`discord.gg/${guild.vanityURLCode}`}) : "-", // Making the anchor href valid would cause Discord to reload
+ "Preferred Locale": guild.preferredLocale || "-",
+ "Verification Level": ["None", "Low", "Medium", "High", "Highest"][guild.verificationLevel] || "?",
+ "Nitro Boosts": `${guild.premiumSubscriberCount ?? 0} (Level ${guild.premiumTier ?? 0})`,
+ "Channels": GuildChannelStore.getChannels(guild.id)?.count - 1 || "?", // - null category
+ "Roles": Object.keys(guild.roles).length - 1, // - @everyone
+ };
+
+ return (
+
+ {Object.entries(Fields).map(([name, node]) =>
+
+ );
+}
+
+function FriendsTab({ guild, setCount }: RelationshipProps) {
+ return UserList("friends", guild, RelationshipStore.getFriendIDs(), setCount);
+}
+
+function BlockedUsersTab({ guild, setCount }: RelationshipProps) {
+ const blockedIds = Object.keys(RelationshipStore.getRelationships()).filter(id => RelationshipStore.isBlocked(id));
+ return UserList("blocked", guild, blockedIds, setCount);
+}
+
+function UserList(type: "friends" | "blocked", guild: Guild, ids: string[], setCount: (count: number) => void) {
+ const missing = [] as string[];
+ const members = [] as string[];
+
+ for (const id of ids) {
+ if (GuildMemberStore.isMember(guild.id, id))
+ members.push(id);
+ else
+ missing.push(id);
+ }
+
+ // Used for side effects (rerender on member request success)
+ useStateFromStores(
+ [GuildMemberStore],
+ () => GuildMemberStore.getMemberIds(guild.id),
+ null,
+ (old, curr) => old.length === curr.length
+ );
+
+ useEffect(() => {
+ if (!fetched[type] && missing.length) {
+ fetched[type] = true;
+ FluxDispatcher.dispatch({
+ type: "GUILD_MEMBERS_REQUEST",
+ guildIds: [guild.id],
+ userIds: missing
+ });
+ }
+ }, []);
+
+ useEffect(() => setCount(members.length), [members.length]);
+
+ return (
+
+ {name}
+ {typeof node === "string" ? {node} : node}
+
+ )}
+