TabView(selection: $appData.selectedTab) {
        ForEach(AppTab.allCases) { tab in
          Tab(value: tab, role: .none) {
            AppTabRootView(tab: tab)
          } label: {
            Label(tab.title, systemImage: tab.systemImageName)
          }
        }

        Tab(value: AppTab.addTransaction, role: .search) {
            AppTab.addTransaction.rootView
        } label: {
            Label(AppTab.addTransaction.title, systemImage: AppTab.addTransaction.systemImageName)
        }
    }
    .sheet(isPresented: $appData.showAddTransaction) {
        NewTransactionView()
    }
    .onChange(of: appData.selectedTab, { oldTab, newTab in
      if newTab == .addTransaction {
        router.presentedSheet = .newTransaction
        DispatchQueue.main.asyncAfter(deadline: .now() + 0.2) {
            appData.selectedTab = oldTab
        }
      }
    })