Add breadcrumbs to discussions and models. Temp change to routing (#2123

)

* Add breadcrumbs to discussions and models. Temp change to routing

* Fix build

packages/frontend-2/lib/common/helpers/route.ts

@@ -22,10 +22,13 @@ export const modelRoute = (
   }`
 export const modelVersionsRoute = (projectId: string, modelId: string) =>
   `/projects/${projectId}/models/${modelId}/versions`
-export const allProjectModelsRoute = (projectId: string) =>
-  `/projects/${projectId}/models`
-export const projectDiscussionsRoute = (projectId: string) =>
-  `/projects/${projectId}/discussions`
+
+// Temp change to allProjectModelsRoute until tab routing is implemented
+export const allProjectModelsRoute = (projectId: string) => `/projects/${projectId}`
+
+// Temp change to projectDiscussionsRoute until tab routing is implemented
+export const projectDiscussionsRoute = (projectId: string) => `/projects/${projectId}`
+
 export const projectWebhooksRoute = (projectId: string) =>
   `/projects/${projectId}/webhooks`
 

packages/frontend-2/pages/projects/[id]/discussions.vue

@@ -1,5 +1,15 @@
 <template>
   <div>
+    <div>
+      <Portal to="navigation">
+        <HeaderNavLink
+          v-if="project"
+          :to="projectRoute(project.id)"
+          :name="project.name"
+        ></HeaderNavLink>
+      </Portal>
+    </div>
+
     <div v-if="project">
       <ProjectPageDiscussionsHeader
         v-model:grid-or-list="gridOrList"
@@ -17,6 +27,7 @@
 <script setup lang="ts">
 import { useQuery } from '@vue/apollo-composable'
 import type { Optional } from '~~/../shared/dist-esm'
+import { projectRoute } from '~~/lib/common/helpers/route'
 import {
   useGeneralProjectPageUpdateTracking,
   useProjectPageItemViewType

packages/frontend-2/pages/projects/[id]/models/index.vue

@@ -1,5 +1,15 @@
 <template>
   <div>
+    <div>
+      <Portal to="navigation">
+        <HeaderNavLink
+          v-if="project"
+          :to="projectRoute(project.id)"
+          :name="project.name"
+        ></HeaderNavLink>
+      </Portal>
+    </div>
+
     <div v-if="project">
       <ProjectPageModelsHeader
         v-model:selected-apps="selectedApps"
@@ -25,6 +35,7 @@
 </template>
 <script setup lang="ts">
 import { useQuery } from '@vue/apollo-composable'
+import { projectRoute } from '~~/lib/common/helpers/route'
 import type { SourceAppDefinition } from '@speckle/shared'
 import type { FormUsersSelectItemFragment } from '~~/lib/common/generated/gql/graphql'
 import { projectModelsPageQuery } from '~~/lib/projects/graphql/queries'