feat: update the routes to all be variablized (#4173)

Author: asalem1

src/tasks/components/TaskRunsCard.tsx

@@ -15,22 +15,18 @@ import {
   JustifyContent,
 } from '@influxdata/clockface'
 
-// Actions For Tasks
-import {relativeTimestampFormatter} from 'src/shared/utils/relativeTimestampFormatter'
-
 // Actions
+import {relativeTimestampFormatter} from 'src/shared/utils/relativeTimestampFormatter'
 import {runTask, getRuns, updateTaskStatus} from 'src/tasks/actions/thunks'
 import {isFlagEnabled} from 'src/shared/utils/featureFlag'
-
-// Actions For Members
 import {getMembers} from 'src/members/actions/thunks'
 import {getOrg} from 'src/organizations/selectors'
-
 import {TaskPage, setCurrentTasksPage} from 'src/tasks/actions/creators'
 
 // Types
 import {ComponentColor, Button} from '@influxdata/clockface'
 import {Task, AppState} from 'src/types'
+import {DEFAULT_PROJECT_NAME} from 'src/flows'
 
 // DateTime
 import {DEFAULT_TIME_FORMAT} from 'src/utils/datetime/constants'
@@ -99,15 +95,19 @@ const TaskRunsCard: FC<Props> = ({task}) => {
       })
       .then(resp => {
         if (resp.length) {
-          setRoute(`/orgs/${org.id}/notebooks/${resp[0].notebookID}`)
+          setRoute(
+            `/orgs/${org.id}/${DEFAULT_PROJECT_NAME.toLowerCase()}/${
+              resp[0].notebookID
+            }`
+          )
         } else {
           setRoute(`/notebook/from/task/${task.id}`)
         }
       })
       .catch(() => {
         setRoute(`/notebook/from/task/${task.id}`)
       })
-  }, [isFlagEnabled('createWithFlows'), task])
+  }, [isFlagEnabled('createWithFlows'), org.id, task])
 
   if (!task) {
     return null

src/tasks/components/TaskRunsPage.test.tsx

@@ -18,6 +18,10 @@ import {RemoteDataState} from 'src/types'
 import {DEFAULT_TIME_FORMAT} from 'src/utils/datetime/constants'
 import {createDateTimeFormatter} from 'src/utils/datetime/formatters'
 
+jest.mock('src/flows', () => {
+  return () => <></>
+})
+
 const runIDs = [
   '07a7f99e81cf2000',
   '07a7f99e81cf3000',

src/utils/deepLinks.ts

@@ -18,6 +18,7 @@ export const buildDeepLinkingMap = (org: Organization) => ({
   [`/me/${PROJECT_NAME_PLURAL.toLowerCase()}`]: `/orgs/${
     org.id
   }/${PROJECT_NAME_PLURAL.toLowerCase()}`,
+  '/me/notebooks': `/orgs/${org.id}/${PROJECT_NAME_PLURAL.toLowerCase()}`,
   '/me/pythonclient': `/orgs/${org.id}/load-data/client-libraries/python`,
   '/me/secrets': `/orgs/${org.id}/settings/secrets`,
   '/me/tasks': `/orgs/${org.id}/tasks`,