metadata-management (#10)

Co-authored-by: Joe Arndt <jmarndt@users.noreply.github.com>
Reviewed-on: #10

src/app/pages/expenses/expense-page.component.html

@@ -1,4 +1,4 @@
-<div class="expenses-container">
+<div class="expenses-page-container">
   <app-expense />
   <app-expense-list />
 </div>

src/app/pages/expenses/expense-page.component.scss

@@ -1,4 +1,4 @@
-.expenses-container {
+.expenses-page-container {
   display: flex;
   flex-direction: column;
   gap: 1rem;

src/app/pages/expenses/expense-page.component.ts

@@ -3,7 +3,7 @@ import { ExpenseListComponent } from '../../components/expense-list/expense-list
 import { ExpenseComponent } from '../../components/expense/expense.component';
 
 @Component({
-  selector: 'app-expenses',
+  selector: 'app-expenses-page',
   imports: [
     ExpenseListComponent,
     ExpenseComponent

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

@@ -1,7 +1,3 @@
-<div class="home-container">
-  <ul>
-    <li>
-      <a routerLink="expenses">ExpenseService</a>
-    </li>
-  </ul>
+<div class="home-page-container">
+  <h2>The common sense expense tracker.</h2>
 </div>

src/app/pages/home/home-page.component.scss

@@ -0,0 +1,7 @@
+h2 {
+  font-size: 1.3rem;
+  line-height: 100%;
+  font-weight: 500;
+  margin: 0;
+  font-family: sans-serif;
+}

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

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

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

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

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

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

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 { }