feat: Homepage new design, news feed

Composer/packages/client/__tests__/components/home.test.tsx

@@ -4,10 +4,8 @@
 import * as React from 'react';
 import { fireEvent, render } from '@botframework-composer/test-utils';
 import { Toolbar } from '@bfc/ui-shared';
-import { BotTemplate } from '@bfc/shared';
 
 import { RecentBotList } from '../../src/pages/home/RecentBotList';
-import { ExampleList } from '../../src/pages/home/ExampleList';
 import { renderWithRecoil } from '../testUtils';
 
 describe('<Home/>', () => {
@@ -29,19 +27,6 @@ describe('<Home/>', () => {
     }
   });
 
-  it('should dispatch onClick event when clicked on an ExampleList', () => {
-    const templates = [
-      { description: 'echo bot', id: 'EchoBot', name: 'Echo Bot' },
-      { description: 'empty bot', id: 'EmptyBot', name: 'Empty Bot' },
-    ] as BotTemplate[];
-    const onClickTemplate = jest.fn((item) => item);
-    const { container, getByText } = render(<ExampleList examples={templates} onClick={onClickTemplate} />);
-    expect(container).toHaveTextContent('Echo Bot');
-    const link = getByText('Echo Bot');
-    fireEvent.click(link);
-    expect(onClickTemplate.mock.results[0].value).toBe('EchoBot');
-  });
-
   it('should call onClick handler when clicked', () => {
     const setCreationFlowStatus = jest.fn((item) => item);
     const items = [

Composer/packages/client/src/components/CreationFlow/CreationFlow.tsx

@@ -36,6 +36,7 @@ const CreationFlow: React.FC<CreationFlowProps> = (props: CreationFlowProps) =>
     fetchTemplates,
     fetchTemplatesV2,
     fetchRecentProjects,
+    fetchFeed,
     fetchStorages,
     fetchFolderItemsByPath,
     setCreationFlowStatus,
@@ -77,6 +78,7 @@ const CreationFlow: React.FC<CreationFlowProps> = (props: CreationFlowProps) =>
       await fetchProjectById(cachedProjectId);
     }
     await fetchStorages();
+    fetchFeed();
     fetchRecentProjects();
     featureFlags.NEW_CREATION_FLOW?.enabled ? fetchTemplatesV2([feedDictionary[csharpFeedKey]]) : fetchTemplates();
   };

Composer/packages/client/src/components/CreationFlow/v2/CreationFlow.tsx

@@ -40,6 +40,7 @@ const CreationFlowV2: React.FC<CreationFlowProps> = () => {
     updateFolder,
     saveTemplateId,
     fetchRecentProjects,
+    fetchFeed,
     openProject,
     saveProjectAs,
     fetchProjectById,
@@ -75,7 +76,7 @@ const CreationFlowV2: React.FC<CreationFlowProps> = () => {
       await fetchProjectById(cachedProjectId);
     }
     await fetchStorages();
-
+    fetchFeed();
     fetchRecentProjects();
   };