blob: 8b1b8f78e796ae9d1e3833b25fefd107f3c44c25 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
|
//
// AccountDeletionView.swift
// MullvadVPN
//
// Created by Andrew Bulhak on 2025-08-13.
// Copyright © 2025 Mullvad VPN AB. All rights reserved.
//
import SwiftUI
struct AccountDeletionView: View {
@ObservedObject var viewModel: AccountDeletionViewModel
@ScaledMetric var spinnerSize = 20.0
@ScaledMetric var spinnerStatusGap = 10.0
var body: some View {
ScrollView {
VStack(alignment: .leading) {
Text("Account deletion")
.font(.mullvadLarge)
.foregroundStyle(Color.white)
.padding(.bottom, 8)
Text(viewModel.messageText)
.foregroundStyle(Color.white)
.padding(.bottom, 8)
Text(
"""
This logs out all devices using this account and all \
VPN access will be denied even if there is time left on the account. \
Enter the last 4 digits of the account number and hit "Delete account" \
if you really want to delete the account:
"""
)
.font(.mullvadSmallSemiBold)
.foregroundStyle(Color.white)
.padding(.bottom, 8)
// accountTextField
MullvadPrimaryTextField(
label: "Last 4 digits", placeholder: "XXXX", text: $viewModel.enteredAccountNumberSuffix,
keyboardType: .numberPad
)
.accessibilityIdentifier(.deleteAccountTextField)
.padding(.bottom, 4)
// Status information
HStack {
if viewModel.isWorking {
ProgressView()
.progressViewStyle(MullvadProgressViewStyle(size: spinnerSize))
Spacer().frame(width: spinnerStatusGap)
}
if let statusText = viewModel.statusText {
Text(statusText)
.font(.mullvadSmall)
.foregroundStyle(Color.white)
}
}
Spacer()
MainButton(text: "Delete account", style: .danger) {
viewModel.deleteButtonTapped()
}
.accessibilityIdentifier(.deleteButton)
.disabled(!viewModel.canDelete)
MainButton(text: "Cancel", style: .default) {
viewModel.cancelButtonTapped()
}
}
}
.padding(16)
.background(Color.mullvadBackground)
}
}
#Preview {
AccountDeletionView(viewModel: AccountDeletionViewModel(mockAccountNumber: "1234567890123456"))
}
|
