Lotus Bot
60c2c97ba6
A11y: - Add aria-label Close to RoomTopicViewer, ImagePackView close buttons - Add aria-label Cancel to LeaveRoomPrompt cancel button - Add aria-label to Send, Reply, Thread, Edit, React, Search, Mute, Download buttons - Fix aria-pressed -> aria-expanded + aria-haspopup on menu anchor triggers - Add aria-label to username/password auth inputs BUG-21: Add useAlive unmount guard to handleGifSelect error path in RoomInput BUG-22: Fix typing status timer accumulation with typingTimerRef Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
52 lines
1.6 KiB
TypeScript
52 lines
1.6 KiB
TypeScript
import React from 'react';
|
|
import { Box, IconButton, Text, Icon, Icons, Scroll, Chip } from 'folds';
|
|
import { PackAddress } from '../../plugins/custom-emoji';
|
|
import { Page, PageHeader, PageContent } from '../page';
|
|
import { useMatrixClient } from '../../hooks/useMatrixClient';
|
|
import { RoomImagePack } from './RoomImagePack';
|
|
import { UserImagePack } from './UserImagePack';
|
|
|
|
type ImagePackViewProps = {
|
|
address: PackAddress | undefined;
|
|
requestClose: () => void;
|
|
};
|
|
export function ImagePackView({ address, requestClose }: ImagePackViewProps) {
|
|
const mx = useMatrixClient();
|
|
const room = address && mx.getRoom(address.roomId);
|
|
|
|
return (
|
|
<Page>
|
|
<PageHeader outlined={false} balance>
|
|
<Box alignItems="Center" grow="Yes" gap="200">
|
|
<Box alignItems="Inherit" grow="Yes" gap="200">
|
|
<Chip
|
|
size="500"
|
|
radii="Pill"
|
|
onClick={requestClose}
|
|
before={<Icon size="100" src={Icons.ArrowLeft} />}
|
|
>
|
|
<Text size="T300">Emojis & Stickers</Text>
|
|
</Chip>
|
|
</Box>
|
|
<Box shrink="No">
|
|
<IconButton onClick={requestClose} variant="Surface" aria-label="Close">
|
|
<Icon src={Icons.Cross} />
|
|
</IconButton>
|
|
</Box>
|
|
</Box>
|
|
</PageHeader>
|
|
<Box grow="Yes">
|
|
<Scroll hideTrack visibility="Hover">
|
|
<PageContent>
|
|
{room && address ? (
|
|
<RoomImagePack room={room} stateKey={address.stateKey} />
|
|
) : (
|
|
<UserImagePack />
|
|
)}
|
|
</PageContent>
|
|
</Scroll>
|
|
</Box>
|
|
</Page>
|
|
);
|
|
}
|