[Tasks] Removing task list empty state (#1090)

* [Tasks] Removing task list empty state

* separate no-tasks story in a different file to handle cache issues

front/src/testing/decorators/ComponentWithRecoilScopeDecorator.tsx

@@ -0,0 +1,12 @@
+import { Decorator } from '@storybook/react';
+
+import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
+
+export const ComponentWithRecoilScopeDecorator: Decorator = (
+  Story,
+  context,
+) => (
+  <RecoilScope SpecificContext={context.parameters.recoilScopeContext}>
+    <Story />
+  </RecoilScope>
+);

front/src/testing/graphqlMocks.ts

@@ -2,6 +2,7 @@ import { getOperationName } from '@apollo/client/utilities';
 import { graphql } from 'msw';
 
 import { GET_ACTIVITIES } from '@/activities/queries';
+import { CREATE_ACTIVITY_WITH_COMMENT } from '@/activities/queries/create';
 import { CREATE_EVENT } from '@/analytics/queries';
 import { GET_CLIENT_CONFIG } from '@/client-config/queries';
 import { GET_COMPANIES } from '@/companies/queries';
@@ -25,7 +26,7 @@ import {
   SearchUserQuery,
 } from '~/generated/graphql';
 
-import { mockedActivities } from './mock-data/activities';
+import { mockedActivities, mockedTasks } from './mock-data/activities';
 import {
   mockedCompaniesData,
   mockedCompanyViewFields,
@@ -238,4 +239,14 @@ export const graphqlMocks = [
       }),
     );
   }),
+  graphql.mutation(
+    getOperationName(CREATE_ACTIVITY_WITH_COMMENT) ?? '',
+    (req, res, ctx) => {
+      return res(
+        ctx.data({
+          createOneActivity: mockedTasks[0],
+        }),
+      );
+    },
+  ),
 ];

front/src/testing/mock-data/activities.ts

@@ -48,6 +48,35 @@ type MockedActivity = Pick<
   >;
 };
 
+export const mockedTasks: Array<MockedActivity> = [
+  {
+    id: '89bb825c-171e-4bcc-9cf7-43448d6fb230',
+    createdAt: '2023-04-26T10:12:42.33625+00:00',
+    updatedAt: '2023-04-26T10:23:42.33625+00:00',
+    title: 'My very first task',
+    type: ActivityType.Task,
+    body: null,
+    dueAt: '2023-04-26T10:12:42.33625+00:00',
+    completedAt: null,
+    author: {
+      id: '374fe3a5-df1e-4119-afe0-2a62a2ba481e',
+      firstName: 'Charles',
+      lastName: 'Test',
+      displayName: 'Charles Test',
+    },
+    assignee: {
+      id: '374fe3a5-df1e-4119-afe0-2a62a2ba481e',
+      firstName: 'Charles',
+      lastName: 'Test',
+      displayName: 'Charles Test',
+    },
+    authorId: '374fe3a5-df1e-4119-afe0-2a62a2ba481e',
+    comments: [],
+    activityTargets: [],
+    __typename: 'Activity',
+  },
+];
+
 export const mockedActivities: Array<MockedActivity> = [
   {
     id: '89bb825c-171e-4bcc-9cf7-43448d6fb230',