Build message threads (#3593)

* Adding message thread component

* Add state and mocks

* Rename components and use local state for messages

---------

Co-authored-by: Thomas Trompette <thomast@twenty.com>
This commit is contained in:
Thomas Trompette
2024-01-24 14:32:57 +01:00
committed by GitHub
parent afc36c7329
commit e85f65a195
20 changed files with 404 additions and 71 deletions

View File

@ -1,8 +1,8 @@
import styled from '@emotion/styled';
import { useRecoilState } from 'recoil';
import { RightDrawerThread } from '@/activities/emails/right-drawer/components/RightDrawerThread';
import { RightDrawerThreadTopBar } from '@/activities/emails/right-drawer/components/RightDrawerThreadTopBar';
import { RightDrawerEmailThread } from '@/activities/emails/right-drawer/components/RightDrawerEmailThread';
import { RightDrawerEmailThreadTopBar } from '@/activities/emails/right-drawer/components/RightDrawerEmailThreadTopBar';
import { RightDrawerCreateActivity } from '@/activities/right-drawer/components/create/RightDrawerCreateActivity';
import { RightDrawerEditActivity } from '@/activities/right-drawer/components/edit/RightDrawerEditActivity';
@ -42,9 +42,9 @@ export const RightDrawerRouter = () => {
page = <RightDrawerEditActivity />;
topBar = <RightDrawerActivityTopBar />;
break;
case RightDrawerPages.ViewThread:
page = <RightDrawerThread />;
topBar = <RightDrawerThreadTopBar />;
case RightDrawerPages.ViewEmailThread:
page = <RightDrawerEmailThread />;
topBar = <RightDrawerEmailThreadTopBar />;
break;
default:
break;

View File

@ -1,5 +1,5 @@
export enum RightDrawerPages {
CreateActivity = 'create-activity',
EditActivity = 'edit-activity',
ViewThread = 'view-thread',
ViewEmailThread = 'view-email-thread',
}

View File

@ -1,7 +1,7 @@
import styled from '@emotion/styled';
import { useRecoilValue } from 'recoil';
import { Threads } from '@/activities/emails/components/Threads';
import { EmailThreads } from '@/activities/emails/components/EmailThreads';
import { Attachments } from '@/activities/files/components/Attachments';
import { Notes } from '@/activities/notes/components/Notes';
import { ObjectTasks } from '@/activities/tasks/components/ObjectTasks';
@ -115,7 +115,7 @@ export const ShowPageRightContainer = ({
{activeTabId === 'files' && (
<Attachments targetableObject={targetableObject} />
)}
{activeTabId === 'emails' && <Threads entity={targetableObject} />}
{activeTabId === 'emails' && <EmailThreads entity={targetableObject} />}
</StyledShowPageRightContainer>
);
};