feat: restyle navbar

frontend/src/app/shared/components/navbar/navbar.component.ts

@@ -10,18 +10,24 @@ import {
 } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { AuthService } from '@service/auth.service';
-import { Subscription } from 'rxjs';
+import {Observable, Subscription} from 'rxjs';
 import { AnimatedNumberComponent } from '@blackjack/components/animated-number/animated-number.component';
+import {DepositComponent} from "../../../feature/deposit/deposit.component";
+import {TransactionHistoryComponent} from "../../../feature/transaction-history/transaction-history.component";
+import {TransactionData} from "../../../model/TransactionData";
+import {TransactionService} from "@service/transaction.service";
 
 @Component({
   selector: 'app-navbar',
   templateUrl: './navbar.component.html',
   standalone: true,
-  imports: [RouterModule, AnimatedNumberComponent],
+  imports: [RouterModule, AnimatedNumberComponent, DepositComponent, TransactionHistoryComponent],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class NavbarComponent implements OnInit, OnDestroy {
   isMenuOpen = false;
+  isDepositModalOpen = false;
+  isTransactionModalOpen = false;
   private authService: AuthService = inject(AuthService);
   isLoggedIn = signal(this.authService.isLoggedIn());
 
@@ -51,4 +57,20 @@ export class NavbarComponent implements OnInit, OnDestroy {
   toggleMenu() {
     this.isMenuOpen = !this.isMenuOpen;
   }
+
+  openDepositModal() {
+    this.isDepositModalOpen = true;
+  }
+
+  closeDepositModal() {
+    this.isDepositModalOpen = false;
+  }
+
+  openTransactionModal() {
+    this.isTransactionModalOpen = true;
+  }
+
+  closeTransactionModal() {
+    this.isTransactionModalOpen = false;
+  }
 }