chore: define all custom element names inline FUI-1198

genesiscommunitysuccess · Nov 30, 2023 · 9f4d1c0 · 9f4d1c0
1 parent 94dac23
commit 9f4d1c0
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 14 deletions.
diff --git a/client/src/main/main.ts b/client/src/main/main.ts
@@ -22,8 +22,6 @@ import { HostENV, HostURL } from '../types';
 import { Store, StoreEventDetailMap } from '../store';
 import { logger } from '../utils';
 
-const name = '{{rootElement}}';
-
 export type EventMap = StoreEventDetailMap;
 
 // eslint-disable-next-line
@@ -33,7 +31,7 @@ const hostEnv = location.host;
 const hostUrl = API_HOST || `wss://${hostEnv}/gwf/`;
 
 @customElement({
-  name,
+  name: '{{rootElement}}',
   template,
   styles,
 })
@@ -51,7 +49,7 @@ export class MainApplication extends EventEmitter<EventMap>(FASTElement) {
   public async connectedCallback() {
     super.connectedCallback();
 
-    logger.debug(`${name} is now connected to the DOM`);
+    logger.debug(`'{{rootElement}}' is now connected to the DOM`);
 
     this.registerDIDependencies();
     await this.loadRemotes();

diff --git a/client/src/routes/analytics/analytics.ts b/client/src/routes/analytics/analytics.ts
@@ -2,10 +2,8 @@ import { customElement, FASTElement, observable } from '@microsoft/fast-element'
 import { AnalyticsTemplate as template } from './analytics.template';
 import { AnalyticsStyles as styles } from './analytics.styles';
 
-const name = 'reports-route';
-
 @customElement({
-  name,
+  name: 'reports-route',
   template,
   styles,
 })

diff --git a/client/src/routes/home/home.ts b/client/src/routes/home/home.ts
@@ -9,11 +9,9 @@ import { HomeTemplate as template } from './home.template';
 import { FoundationLayout } from '@genesislcap/foundation-layout';
 import { HOME_PREDEFINED_LAYOUT } from './predefined-layouts';
 
-const name = 'home-route';
-
 export type EventMap = StoreEventDetailMap;
 @customElement({
-  name,
+  name: 'home-route',
   template,
   styles,
 })
@@ -38,7 +36,7 @@ export class Home extends EventEmitter<EventMap>(FASTElement) {
   public connectedCallback() {
     super.connectedCallback();
 
-    logger.debug(`${name} is now connected to the DOM`);
+    logger.debug(`home-route is now connected to the DOM`);
 
     this.store.binding('sideNavClosed', (closed) => {
       this.editModalVisibleChanged(closed);

diff --git a/client/src/routes/not-found/not-found.ts b/client/src/routes/not-found/not-found.ts
@@ -3,10 +3,8 @@ import { NotFoundTemplate as template } from './not-found.template';
 import { NotFoundStyles as styles } from './not-found.styles';
 import { logger } from '../../utils';
 
-const name = 'not-found-route';
-
 @customElement({
-  name,
+  name: 'not-found-route',
   template,
   styles,
 })