30 lines
946 B
TypeScript
30 lines
946 B
TypeScript
import { useRecoilState } from 'recoil';
|
|
|
|
import { RightDrawerBody } from '@/ui/layout/right-drawer/components/RightDrawerBody';
|
|
import { RightDrawerPage } from '@/ui/layout/right-drawer/components/RightDrawerPage';
|
|
import { RightDrawerTopBar } from '@/ui/layout/right-drawer/components/RightDrawerTopBar';
|
|
|
|
import { commentableEntityArrayState } from '../states/commentableEntityArrayState';
|
|
|
|
import { Timeline } from './Timeline';
|
|
|
|
export function RightDrawerTimeline() {
|
|
const [commentableEntityArray] = useRecoilState(commentableEntityArrayState);
|
|
|
|
return (
|
|
<RightDrawerPage>
|
|
<RightDrawerTopBar title="Comments" />
|
|
<RightDrawerBody>
|
|
{commentableEntityArray.map((commentableEntity) => (
|
|
<Timeline
|
|
entity={{
|
|
id: commentableEntity?.id ?? '',
|
|
type: commentableEntity.type,
|
|
}}
|
|
/>
|
|
))}
|
|
</RightDrawerBody>
|
|
</RightDrawerPage>
|
|
);
|
|
}
|