Files
ios-client/NetBird/Source/App/Views/iOS/iOSNetworksView.swift
T
evgeniyChepelev f5b1de0cc7 Redesign app (#60)
* fix ui state for airplaine mode

* fix slide bar

* Keep VPN tunnel alive during network unavailability

- Add isNetworkUnavailable flag to NetBirdAdapter to track network state
- Modify ConnectionListener to stay in 'connecting' state when network
  is unavailable instead of transitioning to 'disconnected'
- Update PacketTunnelProvider to set network unavailable flag and
  trigger automatic reconnect when network returns
- Fix CustomLottieView to show grey 'Disconnected' state immediately
  when network is lost, without closing the VPN tunnel
- Ensure UI shows correct state after app foreground/background cycle

This allows the VPN tunnel to survive temporary network outages
(e.g. airplane mode) and automatically reconnect when network returns.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Fix UI state after app foreground/background cycle

Show correct connected/disconnected state immediately when app returns
from background, without replaying animations. Use extensionStatus
(iOS VPN state) as the source of truth for UI state.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* netbird credential

* Update MainView.swift

* Separate button by state

* Add gogoleServiceInfo plist reference

* Remove dead code in animation state machine and fix copy-to-clipboard UX  - Remove unreachable shouldForceReset block in CustomLottieView (already handled by earlier return) - Guard against copying empty fqdn/ip strings when disconnected - Use consistent .smooth animation for both fqdn and ip copy feedback

- Remove unreachable shouldForceReset block in CustomLottieView (already handled by earlier return)
- Guard against copying empty fqdn/ip strings when disconnected
- Use consistent .smooth animation for both fqdn and ip copy feedback

* Tab bar

* Update peer view

* Add offline state handling and network warning banner

- Show "Offline" instead of "Connected" when VPN tunnel is active but device has no internet
- Add NetworkWarningBanner with "Network Issues" warning when connected without internet
- Remove InternetStatusView (online/offline indicator) from connection screen
- Add FirstLaunchView onboarding screen
- Remove unused components (CustomBackButton, Extensions, JustifiedText, SolidButton, TransparentGradientButton)
- Update AboutView, AdvancedView, ServerView, PeerTabView, RouteTabView, iOSNetworksView styling
- Add EmptyTabPlaceholder component

* Add AppButton component with liquid glass support for iOS 26+

* Update FirstLaunchView.swift

* old version

* Update project.pbxproj

* Code refactoring

* Update project.pbxproj

* Update MainViewModel.swift

---------

Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
2026-03-02 15:23:51 +01:00

67 lines
2.1 KiB
Swift

//
// iOSNetworksView.swift
// NetBird
//
// Networks tab: full-screen wrapper around RouteTabView.
//
import SwiftUI
#if os(iOS)
struct iOSNetworksView: View {
@EnvironmentObject var viewModel: ViewModel
@State private var isAnimating = false
var body: some View {
ZStack {
Color("BgMenu")
.ignoresSafeArea()
VStack(spacing: 0) {
HStack {
Text(enabledCount + " of " + totalCount)
.font(.system(size: 18, weight: .bold))
.foregroundColor(Color("TextPrimary"))
Text("Resources connected")
.font(.system(size: 18, weight: .regular))
.foregroundColor(Color("TextPrimary"))
Spacer()
Button {
isAnimating = true
viewModel.routeViewModel.getRoutes()
DispatchQueue.main.asyncAfter(deadline: .now() + 1.9) {
self.isAnimating = false
}
} label: {
Image(systemName: "arrow.clockwise")
.foregroundColor(Color("TextSecondary"))
.rotationEffect(.degrees(isAnimating ? 360 : 0))
.animation(isAnimating ? .linear(duration: 1.0).repeatForever(autoreverses: false) : .default, value: isAnimating)
}
}
.padding(.horizontal)
.padding(.top, 16)
.padding(.bottom, 8)
RouteTabView()
}
}
.navigationBarTitleDisplayMode(.inline)
.navigationBarHidden(true)
}
private var enabledCount: String {
guard viewModel.vpnDisplayState == .connected else { return "0" }
return viewModel.routeViewModel.routeInfo.filter { $0.selected }.count.description
}
private var totalCount: String {
guard viewModel.vpnDisplayState == .connected else { return "0" }
return viewModel.routeViewModel.routeInfo.count.description
}
}
#endif