18023 incorrect name in breadcrumb (#725)

* For PR - Breadcrumb fixed for logged in users

* Removed unnecessary console log

* Removed unnecessary getter

* Updated the URL links for the breadcrumbs

* Blank lines restored and added for consistency.

* Updated comment and variable name

package.json

@@ -1,6 +1,6 @@
 {
   "name": "name-request",
-  "version": "5.2.7",
+  "version": "5.2.8",
   "private": true,
   "appName": "Name Request UI",
   "sbcName": "SBC Common Components",

src/App.vue

@@ -111,7 +111,8 @@ import { Routes } from '@/enums'
 import { BreadcrumbIF } from '@/interfaces'
 import {
   getRegistryDashboardBreadcrumb,
-  getStaffDashboardBreadcrumb
+  getStaffDashboardBreadcrumb,
+  getRegistryHomeBreadcrumb
 } from '@/resources'
 import axios from 'axios'
 
@@ -172,6 +173,7 @@ export default class App extends Mixins(
   @Getter getNrId!: number
   @Getter isRoleStaff!: boolean
   @Getter isMobile!: boolean
+  @Getter isRoleBasic!: boolean
 
   // Global actions
   @Action resetAnalyzeName!: ActionBindingIF
@@ -225,11 +227,13 @@ export default class App extends Mixins(
 
     // Set base crumbs based on user role
     // Staff don't want the home landing page and they can't access the Manage Business Dashboard
+
     if (this.isRoleStaff) {
-      // If staff, set StaffDashboard as home crumb
       crumbs.unshift(getStaffDashboardBreadcrumb())
+    } else if (this.isRoleBasic) {
+      crumbs.unshift(getRegistryHomeBreadcrumb())
     } else {
-      // For non-staff, set Home crumb
+      // If not logged in, set Registry Home Breadcrumb
       crumbs.unshift(getRegistryDashboardBreadcrumb())
     }
     return crumbs

src/resources/breadcrumb-resources.ts

@@ -10,6 +10,14 @@ export function getRegistryDashboardBreadcrumb (): BreadcrumbIF {
   const registryHomeUrl = sessionStorage.getItem('REGISTRY_HOME_URL')
   return {
     text: 'BC Registries and Online Services',
+    href: `${registryHomeUrl}`
+  }
+}
+
+export function getRegistryHomeBreadcrumb (): BreadcrumbIF {
+  const registryHomeUrl = sessionStorage.getItem('REGISTRY_HOME_URL')
+  return {
+    text: 'BC Registries Dashboard',
     href: `${registryHomeUrl}dashboard/${getParams()}`
   }
 }

src/store/getters.ts

@@ -1134,6 +1134,11 @@ export const isRoleStaff = (state: StateIF): boolean => {
   return state.stateModel.common.keycloakRoles.includes('staff')
 }
 
+/** Whether the user has "staff" keycloak role. */
+export const isRoleBasic = (state: StateIF): boolean => {
+  return state.stateModel.common.keycloakRoles.includes('basic') || state.stateModel.common.keycloakRoles.includes('premium')
+}
+
 /** The staff payment. */
 export const getStaffPayment = (state: StateIF): StaffPaymentIF => {
   return state.stateModel.staffPayment