Migrate to a monorepo structure (#2909)

packages/twenty-front/src/modules/activities/right-drawer/components/ActivityActionBar.tsx

@@ -0,0 +1,33 @@
+import { useRecoilState } from 'recoil';
+
+import { useDeleteOneRecord } from '@/object-record/hooks/useDeleteOneRecord';
+import { IconTrash } from '@/ui/display/icon';
+import { LightIconButton } from '@/ui/input/button/components/LightIconButton';
+import { isRightDrawerOpenState } from '@/ui/layout/right-drawer/states/isRightDrawerOpenState';
+
+type ActivityActionBarProps = {
+  activityId: string;
+};
+
+export const ActivityActionBar = ({ activityId }: ActivityActionBarProps) => {
+  const [, setIsRightDrawerOpen] = useRecoilState(isRightDrawerOpenState);
+  const { deleteOneRecord: deleteOneActivity } = useDeleteOneRecord({
+    objectNameSingular: 'activity',
+    refetchFindManyQuery: true,
+  });
+
+  const deleteActivity = () => {
+    deleteOneActivity?.(activityId);
+
+    setIsRightDrawerOpen(false);
+  };
+
+  return (
+    <LightIconButton
+      Icon={IconTrash}
+      onClick={deleteActivity}
+      accent="tertiary"
+      size="medium"
+    />
+  );
+};

packages/twenty-front/src/modules/activities/right-drawer/components/RightDrawerActivity.tsx

@@ -0,0 +1,59 @@
+import React from 'react';
+import styled from '@emotion/styled';
+import { useRecoilState } from 'recoil';
+
+import { ActivityEditor } from '@/activities/components/ActivityEditor';
+import { Activity } from '@/activities/types/Activity';
+import { entityFieldsFamilyState } from '@/object-record/field/states/entityFieldsFamilyState';
+import { useFindOneRecord } from '@/object-record/hooks/useFindOneRecord';
+
+import '@blocknote/core/style.css';
+
+const StyledContainer = styled.div`
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  justify-content: space-between;
+  overflow-y: auto;
+  position: relative;
+`;
+
+type RightDrawerActivityProps = {
+  activityId: string;
+  showComment?: boolean;
+  autoFillTitle?: boolean;
+};
+
+export const RightDrawerActivity = ({
+  activityId,
+  showComment = true,
+  autoFillTitle = false,
+}: RightDrawerActivityProps) => {
+  const [, setEntityFields] = useRecoilState(
+    entityFieldsFamilyState(activityId),
+  );
+
+  const { record: activity } = useFindOneRecord({
+    objectNameSingular: 'activity',
+    objectRecordId: activityId,
+    skip: !activityId,
+    onCompleted: (activity: Activity) => {
+      setEntityFields(activity ?? {});
+    },
+  });
+
+  if (!activity) {
+    return <></>;
+  }
+
+  return (
+    <StyledContainer>
+      <ActivityEditor
+        activity={activity}
+        showComment={showComment}
+        autoFillTitle={autoFillTitle}
+      />
+    </StyledContainer>
+  );
+};

packages/twenty-front/src/modules/activities/right-drawer/components/create/RightDrawerCreateActivity.tsx

@@ -0,0 +1,21 @@
+import { useRecoilValue } from 'recoil';
+
+import { viewableActivityIdState } from '@/activities/states/viewableActivityIdState';
+
+import { RightDrawerActivity } from '../RightDrawerActivity';
+
+export const RightDrawerCreateActivity = () => {
+  const viewableActivityId = useRecoilValue(viewableActivityIdState);
+
+  return (
+    <>
+      {viewableActivityId && (
+        <RightDrawerActivity
+          activityId={viewableActivityId}
+          showComment={false}
+          autoFillTitle={true}
+        />
+      )}
+    </>
+  );
+};

packages/twenty-front/src/modules/activities/right-drawer/components/edit/RightDrawerEditActivity.tsx

@@ -0,0 +1,17 @@
+import { useRecoilValue } from 'recoil';
+
+import { viewableActivityIdState } from '@/activities/states/viewableActivityIdState';
+
+import { RightDrawerActivity } from '../RightDrawerActivity';
+
+export const RightDrawerEditActivity = () => {
+  const viewableActivityId = useRecoilValue(viewableActivityIdState);
+
+  return (
+    <>
+      {viewableActivityId && (
+        <RightDrawerActivity activityId={viewableActivityId} />
+      )}
+    </>
+  );
+};