Refactoring

apps/client/src/app/app.component.ts

@@ -183,6 +183,7 @@ export class AppComponent implements OnDestroy, OnInit {
         this.hasTabs =
           (this.currentRoute === this.routerLinkAbout[0].slice(1) ||
             this.currentRoute === this.routerLinkFaq[0].slice(1) ||
+            this.currentRoute === this.routerLinkResources[0].slice(1) ||
             this.currentRoute === 'account' ||
             this.currentRoute === 'admin' ||
             this.currentRoute === 'home' ||
@@ -198,7 +199,6 @@ export class AppComponent implements OnDestroy, OnInit {
             this.currentRoute === 'p' ||
             this.currentRoute === this.routerLinkPricing[0].slice(1) ||
             this.currentRoute === this.routerLinkRegister[0].slice(1) ||
-            this.currentRoute === this.routerLinkResources[0].slice(1) ||
             this.currentRoute === 'start') &&
           this.deviceType !== 'mobile';
 

apps/client/src/app/pages/resources/resources-page-routing.module.ts

@@ -7,9 +7,8 @@ import { ResourcesPageComponent } from './resources-page.component';
 
 const routes: Routes = [
   {
-    path: '',
-    component: ResourcesPageComponent,
     canActivate: [AuthGuard],
+    component: ResourcesPageComponent,
     children: [
       {
         path: '',
@@ -39,7 +38,8 @@ const routes: Routes = [
             (m) => m.ResourcesMarketsModule
           )
       }
-    ]
+    ],
+    path: ''
   }
 ];
 

apps/client/src/app/pages/resources/resources-page.component.ts

@@ -9,8 +9,8 @@ import { Subject } from 'rxjs';
 @Component({
   host: { class: 'page has-tabs' },
   selector: 'gf-resources-page',
-  templateUrl: './resources-page.html',
+  styleUrls: ['./resources-page.scss'],
-  styleUrls: ['./resources-page.scss']
+  templateUrl: './resources-page.html'
 })
 export class ResourcesPageComponent implements OnInit {
   public deviceType: string;
@@ -25,22 +25,22 @@ export class ResourcesPageComponent implements OnInit {
     {
       path: '.',
       label: $localize`Overview`,
-      iconName: 'information-circle-outline'
+      iconName: 'reader-outline'
     },
     {
       path: 'guides',
       label: $localize`Guides`,
       iconName: 'book-outline'
     },
-    {
-      path: 'glossary',
-      label: $localize`Glossary`,
-      iconName: 'list-outline'
-    },
     {
       path: 'markets',
       label: $localize`Markets`,
-      iconName: 'trending-up-outline'
+      iconName: 'newspaper-outline'
+    },
+    {
+      path: 'glossary',
+      label: $localize`Glossary`,
+      iconName: 'library-outline'
     }
   ];
 

apps/client/src/app/pages/resources/resources-page.scss

@@ -1,11 +1,7 @@
 :host {
-  display: flex;
+  color: rgb(var(--dark-primary-text));
-  flex-direction: row;
-  height: 100%;
 }
 
-@media (max-width: 599px) {
+:host-context(.theme-dark) {
-  :host {
+  color: rgb(var(--light-primary-text));
-    flex-direction: column-reverse;
-  }
 }