mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-11-04 06:20:28 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

add button to select all room pack as global pack (#2218)

Browse source
This commit is contained in:
Ajay Bura 2025-02-19 22:13:29 +11:00 • committed by GitHub
parent b3979b31c7
commit d8d4bce287
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 55 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

58
src/app/features/settings/emojis-stickers/GlobalPacks.tsx
View file

@ -79,6 +79,28 @@ function GlobalPackSelector({
});
};
const addSelected = (adds: PackAddress[]) => {
setSelected((addresses) => {
const newAddresses = Array.from(addresses);
adds.forEach((address) => {
if (newAddresses.find((addr) => packAddressEqual(addr, address))) {
return;
}
newAddresses.push(address);
});
return newAddresses;
});
};
const removeSelected = (adds: PackAddress[]) => {
setSelected((addresses) => {
const newAddresses = addresses.filter(
(addr) => !adds.find((address) => packAddressEqual(addr, address))
);
return newAddresses;
});
};
const hasSelected = selected.length > 0;
return (
<Box grow="Yes" direction="Column">
@ -115,9 +137,35 @@ function GlobalPackSelector({
{Array.from(roomToPacks.entries()).map(([roomId, roomPacks]) => {
const room = mx.getRoom(roomId);
if (!room) return null;
const roomPackAddresses = roomPacks
.map((pack) => pack.address)
.filter((addr) => addr !== undefined);
const allSelected = roomPackAddresses.every((addr) =>
selected.find((address) => packAddressEqual(addr, address))
);
return (
<Box key={roomId} direction="Column" gap="100">
<Text size="L400">{room.name}</Text>
<Box alignItems="Center">
<Box grow="Yes">
<Text size="L400">{room.name}</Text>
</Box>
<Box shrink="No">
<Chip
variant={allSelected ? 'Critical' : 'Surface'}
radii="Pill"
onClick={() => {
if (allSelected) {
removeSelected(roomPackAddresses);
return;
}
addSelected(roomPackAddresses);
}}
>
<Text size="B300">{allSelected ? 'Unselect All' : 'Select All'}</Text>
</Chip>
</Box>
</Box>
{roomPacks.map((pack) => {
const avatarMxc = pack.getAvatarUrl(ImageUsage.Emoticon);
const avatarUrl = avatarMxc
@ -126,7 +174,7 @@ function GlobalPackSelector({
const { address } = pack;
if (!address) return null;
const added = selected.find((addr) => packAddressEqual(addr, address));
const added = !!selected.find((addr) => packAddressEqual(addr, address));
return (
<SequenceCard
key={pack.id}
@ -152,7 +200,11 @@ function GlobalPackSelector({
</Box>
}
after={
<Checkbox variant="Success" onClick={() => toggleSelect(address)} />
<Checkbox
checked={added}
variant="Success"
onClick={() => toggleSelect(address)}
/>
}
/>
</SequenceCard>