cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-09 16:53:36 -05:00
Code Issues Projects Releases Packages Wiki Activity

Try optimise members list.

Browse source
This commit is contained in:
Paul 2021-08-13 22:31:28 +01:00
parent 40d0421fa2
commit 8609a1f016
3 changed files with 35 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
external/lang vendored

@ -1 +1 @@
Subproject commit b27044c332ca419d22edbe9e7bf465a665398999
Subproject commit 6a71c17b37127a5f4de7ff455814dd6c4c4df542

44
src/components/navigation/right/MemberList.tsx
View file

@ -4,8 +4,12 @@ import { User } from "revolt.js/dist/maps/Users";
import styled, { css } from "styled-components";
import { Text } from "preact-i18n";
import { memo } from "preact/compat";
import { useIntermediate } from "../../../context/intermediate/Intermediate";
import {
Screen,
useIntermediate,
} from "../../../context/intermediate/Intermediate";
import { UserButton } from "../items/ButtonItem";
@ -34,6 +38,31 @@ const ListCategory = styled.div<{ first?: boolean }>`
`}
`;
const ItemContent = memo(
({
item,
context,
openScreen,
}: {
item: User;
context: Channel;
openScreen: (screen: Screen) => void;
}) => (
<UserButton
key={item._id}
user={item}
margin
context={context}
onClick={() =>
openScreen({
id: "profile",
user_id: item._id,
})
}
/>
),
);
export default function MemberList({
entries,
context,
@ -74,17 +103,10 @@ export default function MemberList({
return (
<div>
<UserButton
key={item._id}
user={item}
margin
<ItemContent
item={item}
context={context}
onClick={() =>
openScreen({
id: "profile",
user_id: item._id,
})
}
openScreen={openScreen}
/>
</div>
);

4
src/pages/settings/server/Members.tsx
View file

@ -79,9 +79,7 @@ export const Members = observer(({ server }: Props) => {
</IconButton>
</div>
{selected === member._id.user && (
<div
key={`drop_${member._id.user}`}
className={styles.memberView}>
<div className={styles.memberView}>
<Overline type="subtle">Roles</Overline>
{Object.keys(server.roles ?? {}).map(
(key) => {