Lotus Bot
fa50a45e84
CI / Build & Quality Checks (push) Failing after 5m12s
Prettier: auto-formatted 103 files to fix baseline. Prettier check in CI is now a hard gate (removed continue-on-error). Brotli: installed libnginx-mod-http-brotli-filter/static. Enabled in nginx with brotli_static on for pre-compressed assets and comp_level 6. Sentry releases: deploy script now exports VITE_APP_VERSION=<git-short-sha> before building so each Sentry release maps to an exact commit. CI also passes github.sha as VITE_APP_VERSION. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
63 lines
1.8 KiB
TypeScript
63 lines
1.8 KiB
TypeScript
import React from 'react';
|
|
import { useSetAtom } from 'jotai';
|
|
import { useParams } from 'react-router-dom';
|
|
import { Box, Text, TooltipProvider, Tooltip, Icon, Icons, IconButton, toRem } from 'folds';
|
|
import { Page, PageHeader } from '../../components/page';
|
|
import { callChatAtom } from '../../state/callEmbed';
|
|
import { RoomView } from './RoomView';
|
|
import { ScreenSize, useScreenSizeContext } from '../../hooks/useScreenSize';
|
|
|
|
export function CallChatView() {
|
|
const { eventId } = useParams();
|
|
const setChat = useSetAtom(callChatAtom);
|
|
const screenSize = useScreenSizeContext();
|
|
|
|
const handleClose = () => setChat(false);
|
|
|
|
return (
|
|
<Page
|
|
style={{
|
|
width: screenSize === ScreenSize.Desktop ? toRem(456) : '100%',
|
|
flexShrink: 0,
|
|
flexGrow: 0,
|
|
}}
|
|
>
|
|
<PageHeader>
|
|
<Box grow="Yes" alignItems="Center" gap="200">
|
|
<Box grow="Yes">
|
|
<Text size="H5" truncate>
|
|
Chat
|
|
</Text>
|
|
</Box>
|
|
<Box shrink="No" alignItems="Center">
|
|
<TooltipProvider
|
|
position="Bottom"
|
|
align="End"
|
|
offset={4}
|
|
tooltip={
|
|
<Tooltip>
|
|
<Text>Close</Text>
|
|
</Tooltip>
|
|
}
|
|
>
|
|
{(triggerRef) => (
|
|
<IconButton
|
|
ref={triggerRef}
|
|
variant="Surface"
|
|
onClick={handleClose}
|
|
aria-label="Close call chat"
|
|
>
|
|
<Icon src={Icons.Cross} />
|
|
</IconButton>
|
|
)}
|
|
</TooltipProvider>
|
|
</Box>
|
|
</Box>
|
|
</PageHeader>
|
|
<Box grow="Yes" direction="Column">
|
|
<RoomView eventId={eventId} />
|
|
</Box>
|
|
</Page>
|
|
);
|
|
}
|