Spacebar/client
1
0
Fork 0
mirror of https://github.com/spacebarchat/client.git synced 2024-11-25 11:42:30 +01:00
Code Issues Releases Activity

re-add useCallback on channel list render (but without crashes)

Browse Source
This commit is contained in:
Puyodead1 2023-09-01 11:22:07 -04:00
parent 2e0759143b
commit e685d93209
No known key found for this signature in database
GPG Key ID: BA5F91AAEF68E5CE
1 changed files with 21 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/components/ChannelList.tsx
View File

@ -1,7 +1,9 @@
import { ChannelType } from "@spacebarchat/spacebar-api-types/v9";
import { observer } from "mobx-react-lite";
import React from "react";
import styled from "styled-components";
import { useAppStore } from "../stores/AppStore";
import Channel from "../stores/objects/Channel";
import Guild from "../stores/objects/Guild";
import { Permissions } from "../utils/Permissions";
import ChannelListItem from "./ChannelListItem";
@ -27,26 +29,27 @@ function ChannelList({ channelId, guild }: Props) {
const app = useAppStore();
if (!guild) return <EmptyChannelList />;
return (
<List>
{guild.channels.mapped.map((channel) => {
const permission = Permissions.getPermission(app.account!.id, guild, channel);
if (!permission.has("VIEW_CHANNEL")) return null;
const renderChannelListItem = React.useCallback(
(channel: Channel) => {
const permission = Permissions.getPermission(app.account!.id, guild, channel);
if (!permission.has("VIEW_CHANNEL")) return null;
const active = channelId === channel.id;
const isCategory = channel.type === ChannelType.GuildCategory;
return (
<ChannelListItem
key={channel.id}
guild={guild}
channel={channel}
isCategory={isCategory}
active={active}
/>
);
})}
</List>
const active = channelId === channel.id;
const isCategory = channel.type === ChannelType.GuildCategory;
return (
<ChannelListItem
key={channel.id}
guild={guild}
channel={channel}
isCategory={isCategory}
active={active}
/>
);
},
[app.account, channelId, guild],
);
return <List>{guild.channels.mapped.map((channel) => renderChannelListItem(channel))}</List>;
}
export default observer(ChannelList);