renamed settings page to reports

src/app/app.routes.ts

@@ -2,7 +2,7 @@ import { Routes } from '@angular/router';
 import { ExpensePage } from './pages/expenses/expense-page.component';
 import { HomePage } from './pages/home/home-page.component';
 import { MetadataPageComponent } from './pages/metadata/metadata-page.component';
-import { SettingsPageComponent } from './pages/settings/settings-page.component';
+import { ReportsPageComponent } from './pages/reports/reports-page.component';
 
 export const routes: Routes = [
   {
@@ -18,7 +18,7 @@ export const routes: Routes = [
     component: MetadataPageComponent
   },
   {
-    path: 'settings',
-    component: SettingsPageComponent
+    path: 'reports',
+    component: ReportsPageComponent
   }
 ];

src/app/app.ts

@@ -29,8 +29,8 @@ export class App {
       href: '/metadata'
     },
     {
-      text: 'Settings',
-      href: '/settings'
+      text: 'Reports',
+      href: '/reports'
     }
   ]);
 }

src/app/pages/reports/reports-page.component.html

@@ -0,0 +1,3 @@
+<div class="reports-page-container">
+  Reports page
+</div>

src/app/pages/reports/reports-page.component.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-reports-page',
+  imports: [],
+  templateUrl: './reports-page.component.html',
+  styleUrl: './reports-page.component.scss'
+})
+export class ReportsPageComponent { }

src/app/pages/settings/settings-page.component.html

@@ -1,3 +0,0 @@
-<div class="settings-page-container">
-  Settings page
-</div>

src/app/pages/settings/settings-page.component.ts

@@ -1,9 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-settings-page',
-  imports: [],
-  templateUrl: './settings-page.component.html',
-  styleUrl: './settings-page.component.scss'
-})
-export class SettingsPageComponent { }