mirror of
https://github.com/cinnyapp/cinny.git
synced 2025-11-04 22:40:29 +03:00
faa952295f
* add new create room * rename create room modal file * default restrict access for space children in room create modal * move create room kind selector to components * add radii variant to sequence card component * more more reusable create room logic to components * add create space * update address input description * add new space modal * fix add room button visible on left room in space lobby
56 lines
1.7 KiB
TypeScript
56 lines
1.7 KiB
TypeScript
import React from 'react';
|
|
import { Box, Icon, Icons, Scroll, IconButton } from 'folds';
|
|
import {
|
|
Page,
|
|
PageContent,
|
|
PageContentCenter,
|
|
PageHeader,
|
|
PageHero,
|
|
PageHeroSection,
|
|
} from '../../../components/page';
|
|
import { ScreenSize, useScreenSizeContext } from '../../../hooks/useScreenSize';
|
|
import { BackRouteHandler } from '../../../components/BackRouteHandler';
|
|
import { CreateRoomForm } from '../../../features/create-room';
|
|
import { useRoomNavigate } from '../../../hooks/useRoomNavigate';
|
|
|
|
export function HomeCreateRoom() {
|
|
const screenSize = useScreenSizeContext();
|
|
|
|
const { navigateRoom } = useRoomNavigate();
|
|
|
|
return (
|
|
<Page>
|
|
{screenSize === ScreenSize.Mobile && (
|
|
<PageHeader balance outlined={false}>
|
|
<Box grow="Yes" alignItems="Center" gap="200">
|
|
<BackRouteHandler>
|
|
{(onBack) => (
|
|
<IconButton onClick={onBack}>
|
|
<Icon src={Icons.ArrowLeft} />
|
|
</IconButton>
|
|
)}
|
|
</BackRouteHandler>
|
|
</Box>
|
|
</PageHeader>
|
|
)}
|
|
<Box grow="Yes">
|
|
<Scroll hideTrack visibility="Hover">
|
|
<PageContent>
|
|
<PageContentCenter>
|
|
<PageHeroSection>
|
|
<Box direction="Column" gap="700">
|
|
<PageHero
|
|
icon={<Icon size="600" src={Icons.Hash} />}
|
|
title="Create Room"
|
|
subTitle="Build a Room for Real-Time Conversations"
|
|
/>
|
|
<CreateRoomForm onCreate={navigateRoom} />
|
|
</Box>
|
|
</PageHeroSection>
|
|
</PageContentCenter>
|
|
</PageContent>
|
|
</Scroll>
|
|
</Box>
|
|
</Page>
|
|
);
|
|
}
|