Add Workspace Planner Button

src/pages/index.tsx

@@ -11,6 +11,7 @@ import TokenRefresh from '../people/utils/TokenRefresh';
 import GenerateStoriesView from '../people/widgetViews/GenerateStoriesView';
 import PhasePlannerView from '../people/widgetViews/PhasePlannerView';
 import { HiveChatView } from '../people/hiveChat/index';
+import WorkSpacePlanner from '../people/WorkSpacePlanner/index';
 import Body from './tribes/Body';
 import Header from './tribes/Header';
 import { MainLayout } from './MainLayout';
@@ -36,6 +37,9 @@ const modeDispatchPages: Record<AppMode, () => React.ReactElement> = {
           <Route path="/workspace/bounties/:uuid">
             <WorkspaceTicketsPage />
           </Route>
+          <Route path="/workspace/:uuid/planner">
+            <WorkSpacePlanner />
+          </Route>
           <Route path="/workspace/:uuid/hivechat/:chatId">
             <HiveChatView />
           </Route>

src/pages/tickets/style.ts

@@ -567,3 +567,9 @@ export const TicketHeaderInputWrap = styled.div`
   align-items: center;
   gap: 10px;
 `;
+
+export const WorkspaceFieldWrap = styled.div`
+  margin-bottom: 10px;
+  margin-top: 10px;
+  width: 98%;
+`;

src/people/WorkSpacePlanner/index.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const WorkspacePlanner = () => (
+  <div style={{ padding: '20px', textAlign: 'center' }}>
+    <h1>Welcome to the new Workspace Planner</h1>
+  </div>
+);
+
+export default WorkspacePlanner;

src/people/widgetViews/WorkspaceMission.tsx

@@ -30,7 +30,8 @@ import {
   EditPopoverTail,
   EditPopoverContent,
   EditPopoverText,
-  EditPopover
+  EditPopover,
+  WorkspaceFieldWrap
 } from 'pages/tickets/style';
 
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
@@ -440,6 +441,10 @@ const WorkspaceMission = () => {
     history.push(`/workspace/${uuid}/hivechat/${chatId}`);
   };
 
+  const handleWorkspacePlanner = () => {
+    history.push(`/workspace/${uuid}/planner`);
+  };
+
   const handleUserRepoOptionClick = (repositoryId: number) => {
     setDisplayUserRepoOptions((prev: Record<number, boolean>) => ({
       ...prev,
@@ -1083,6 +1088,29 @@ const WorkspaceMission = () => {
               </RowFlex>
               <AvatarGroup avatarList={avatarList} avatarSize="xl" maxGroupSize={5} />
             </FieldWrap>
+
+            <HorizontalGrayLine />
+            {uuid && (
+              <WorkspaceFieldWrap>
+                <Button
+                  style={{
+                    borderRadius: '5px',
+                    margin: 0,
+                    padding: '10px 20px',
+                    width: '100%',
+                    backgroundColor: '#4285f4',
+                    color: 'white',
+                    textAlign: 'center',
+                    border: 'none',
+                    fontSize: '16px',
+                    cursor: 'pointer'
+                  }}
+                  onClick={handleWorkspacePlanner}
+                  dataTestId="workspace-planner-btn"
+                  text="Workspace Planner"
+                />
+              </WorkspaceFieldWrap>
+            )}
             <HorizontalGrayLine />
             <FieldWrap style={{ marginTop: '10px' }}>
               <Label>Talk to Hive</Label>