Migrate to a monorepo structure (#2909)

packages/twenty-front/src/modules/ui/layout/right-drawer/components/RightDrawerRouter.tsx

@@ -0,0 +1,51 @@
+import styled from '@emotion/styled';
+import { useRecoilState } from 'recoil';
+
+import { RightDrawerCreateActivity } from '@/activities/right-drawer/components/create/RightDrawerCreateActivity';
+import { RightDrawerEditActivity } from '@/activities/right-drawer/components/edit/RightDrawerEditActivity';
+
+import { rightDrawerPageState } from '../states/rightDrawerPageState';
+import { RightDrawerPages } from '../types/RightDrawerPages';
+
+import { RightDrawerTopBar } from './RightDrawerTopBar';
+
+const StyledRightDrawerPage = styled.div`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+`;
+
+const StyledRightDrawerBody = styled.div`
+  display: flex;
+  flex-direction: column;
+  height: calc(
+    100vh - ${({ theme }) => theme.spacing(14)} - 1px
+  ); // (-1 for border)
+  overflow: auto;
+  position: relative;
+`;
+
+export const RightDrawerRouter = () => {
+  const [rightDrawerPage] = useRecoilState(rightDrawerPageState);
+
+  let page = <></>;
+
+  switch (rightDrawerPage) {
+    case RightDrawerPages.CreateActivity:
+      page = <RightDrawerCreateActivity />;
+      break;
+    case RightDrawerPages.EditActivity:
+      page = <RightDrawerEditActivity />;
+      break;
+    default:
+      break;
+  }
+
+  return (
+    <StyledRightDrawerPage>
+      <RightDrawerTopBar />
+      <StyledRightDrawerBody>{page}</StyledRightDrawerBody>
+    </StyledRightDrawerPage>
+  );
+};