From dfa340afbec4075d1a2d27abd9c1a8a6cdbf874b Mon Sep 17 00:00:00 2001
From: andrewwallacespeckle
 <139135120+andrewwallacespeckle@users.noreply.github.com>
Date: Wed, 13 Mar 2024 15:26:14 +0000
Subject: [PATCH] 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       | 11 +++++++----
 .../frontend-2/pages/projects/[id]/discussions.vue    | 11 +++++++++++
 .../frontend-2/pages/projects/[id]/models/index.vue   | 11 +++++++++++
 3 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/packages/frontend-2/lib/common/helpers/route.ts b/packages/frontend-2/lib/common/helpers/route.ts
index f6032dab2..672c4c1bc 100644
--- a/packages/frontend-2/lib/common/helpers/route.ts
+++ b/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`
 
diff --git a/packages/frontend-2/pages/projects/[id]/discussions.vue b/packages/frontend-2/pages/projects/[id]/discussions.vue
index 53512ccd0..93ec0dcbc 100644
--- a/packages/frontend-2/pages/projects/[id]/discussions.vue
+++ b/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
diff --git a/packages/frontend-2/pages/projects/[id]/models/index.vue b/packages/frontend-2/pages/projects/[id]/models/index.vue
index 5c89e2a10..fe2036c6c 100644
--- a/packages/frontend-2/pages/projects/[id]/models/index.vue
+++ b/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'