From 3f86aa93765a03539723a529a720565ddf3904ba Mon Sep 17 00:00:00 2001
From: Jannik Stehle <jannik.stehle@gmail.com>
Date: Mon, 3 Jan 2022 14:04:01 +0100
Subject: [PATCH] Apply new routes to spaces

---
 packages/web-app-files/src/index.js         |  5 +--
 packages/web-app-files/src/router/router.ts |  1 +
 packages/web-app-files/src/router/spaces.ts | 36 ++++++++++++++++++---
 3 files changed, 35 insertions(+), 7 deletions(-)

diff --git a/packages/web-app-files/src/index.js b/packages/web-app-files/src/index.js
index 9ad056e3478..6b5d4e40de2 100644
--- a/packages/web-app-files/src/index.js
+++ b/packages/web-app-files/src/index.js
@@ -9,6 +9,7 @@ import Personal from './views/Personal.vue'
 import SharedWithMe from './views/SharedWithMe.vue'
 import SharedWithOthers from './views/SharedWithOthers.vue'
 import SharedViaLink from './views/SharedViaLink.vue'
+import Spaces from './spaces/views/Spaces.vue'
 import Trashbin from './views/Trashbin.vue'
 import translations from '../l10n/translations.json'
 import quickActions from './quickActions'
@@ -76,8 +77,7 @@ const navItems = [
     name: $gettext('Spaces'),
     iconMaterial: 'space',
     route: {
-      name: 'files-spaces',
-      path: `/${appInfo.id}/list/spaces`
+      path: `/${appInfo.id}/spaces/projects`
     }
   },
   {
@@ -107,6 +107,7 @@ export default {
     SharedViaLink,
     SharedWithMe,
     SharedWithOthers,
+    Spaces,
     Trashbin
   }),
   navItems,
diff --git a/packages/web-app-files/src/router/router.ts b/packages/web-app-files/src/router/router.ts
index 29adb24ee00..7fb203b99b8 100644
--- a/packages/web-app-files/src/router/router.ts
+++ b/packages/web-app-files/src/router/router.ts
@@ -16,5 +16,6 @@ export interface RouteComponents {
   SharedWithMe: any
   SharedWithOthers: any
   SharedViaLink: any
+  Spaces: any
   Trashbin: any
 }
diff --git a/packages/web-app-files/src/router/spaces.ts b/packages/web-app-files/src/router/spaces.ts
index d5072499f06..2e6d3c8dbfe 100644
--- a/packages/web-app-files/src/router/spaces.ts
+++ b/packages/web-app-files/src/router/spaces.ts
@@ -2,9 +2,9 @@ import { Location, RouteConfig } from 'vue-router'
 import { RouteComponents } from './router'
 import { createLocation, isLocationActiveDirector, $gettext } from './utils'
 
-type shareTypes = 'files-spaces-personal-home'
+type spaceTypes = 'files-spaces-personal-home' | 'files-spaces-projects'
 
-export const createLocationSpaces = (name: shareTypes, location = {}): Location =>
+export const createLocationSpaces = (name: spaceTypes, location = {}): Location =>
   createLocation(
     name,
     {
@@ -15,8 +15,16 @@ export const createLocationSpaces = (name: shareTypes, location = {}): Location
     },
     location
   )
-export const isLocationSpacesActive = isLocationActiveDirector<shareTypes>(
-  createLocationSpaces('files-spaces-personal-home')
+
+export const createLocationSpacesProjects = (name: spaceTypes, location = {}): Location =>
+  createLocation(name, location)
+
+const locationSpacesPersonalHome = createLocationSpaces('files-spaces-personal-home')
+const locationSpacesProjects = createLocationSpacesProjects('files-spaces-projects')
+
+export const isLocationSpacesActive = isLocationActiveDirector<spaceTypes>(
+  locationSpacesPersonalHome,
+  locationSpacesProjects
 )
 
 export const buildRoutes = (components: RouteComponents): RouteConfig[] => [
@@ -24,6 +32,24 @@ export const buildRoutes = (components: RouteComponents): RouteConfig[] => [
     path: '/spaces',
     redirect: (to) => createLocationSpaces('files-spaces-personal-home', to)
   },
+  {
+    path: '/spaces/projects',
+    components: {
+      app: components.App
+    },
+    children: [
+      {
+        name: locationSpacesProjects.name,
+        path: '',
+        component: components.Spaces,
+        meta: {
+          hideFilelistActions: true,
+          hasBulkActions: true,
+          title: $gettext('Spaces')
+        }
+      }
+    ]
+  },
   {
     path: '/spaces/:namespace',
     components: {
@@ -32,7 +58,7 @@ export const buildRoutes = (components: RouteComponents): RouteConfig[] => [
     redirect: (to) => createLocationSpaces('files-spaces-personal-home', to),
     children: [
       {
-        name: createLocationSpaces('files-spaces-personal-home').name,
+        name: locationSpacesPersonalHome.name,
         path: ':storage/:item*',
         component: components.Personal,
         meta: {