Skip to content

Commit 7e8effd

Browse files
ieowhuggingbotsmgvchaitanyapottihieu-w
authored
feat: 2.5 password change ui update (#15891)
<!-- Please submit this PR as a draft initially. Do not mark it as "Ready for review" until the template has been completely filled out, and PR status checks have passed at least once. --> ## **Description** - Change Password from the settings page. UI Update. <!-- Write a short description of the changes included in this pull request, also include relevant motivation and context. Have in mind the following questions: 1. What is the reason for the change? 2. What is the improvement/solution? --> ## **Related issues** Fixes: ## **Manual testing steps** 1. Go to the App 2. Create Account 3. Go to the settings page -> Security Privacy -> Change Password. ## **Screenshots/Recordings** <!-- If applicable, add screenshots and/or recordings to visualize the before and after of your change. --> ### **Before** <!-- [screenshots/recordings] --> ### **After** <!-- [screenshots/recordings] --> https://github.com/user-attachments/assets/d415da6e-61a6-4461-8fcd-d0ffc80194f3 https://github.com/user-attachments/assets/76df3b8b-95b2-4b14-91a3-04fb15cc78fd ## **Pre-merge author checklist** - [x] I’ve followed [MetaMask Contributor Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask Mobile Coding Standards](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/CODING_GUIDELINES.md). - [x] I've completed the PR template to the best of my ability - [x] I’ve included tests if applicable - [x] I’ve documented my code using [JSDoc](https://jsdoc.app/) format if applicable - [x] I’ve applied the right labels on the PR (see [labeling guidelines](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/LABELING_GUIDELINES.md)). Not required for external contributors. ## **Pre-merge reviewer checklist** - [x] I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed). - [x] I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots. --------- Co-authored-by: huggingbot <83656073+huggingbot@users.noreply.github.com> Co-authored-by: Ganesh Suresh Patra <ganesh.patra@consensys.net> Co-authored-by: smgv <gpatra1996@gmail.com> Co-authored-by: Chaitanya Potti <chaitanya.potti@gmail.com> Co-authored-by: hieu-w <maestrokoder@gmail.com>
1 parent 57016c1 commit 7e8effd

File tree

7 files changed

+1308
-264
lines changed

7 files changed

+1308
-264
lines changed

‎app/components/Views/ResetPassword/__snapshots__/index.test.tsx.snap‎

Lines changed: 229 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,236 @@
11
// Jest Snapshot v1, https://goo.gl/fbAQLP
22

3-
exports[`ChoosePassword should render correctly 1`] = `
4-
<ContextProvider
5-
value={
3+
exports[`ResetPassword render matches snapshot 1`] = `
4+
<RCTSafeAreaView
5+
style={
66
{
7-
"getServerState": undefined,
8-
"noopCheck": "once",
9-
"stabilityCheck": "once",
10-
"store": {
11-
"clearActions": [Function],
12-
"dispatch": [Function],
13-
"getActions": [Function],
14-
"getState": [Function],
15-
"replaceReducer": [Function],
16-
"subscribe": [Function],
17-
},
18-
"subscription": {
19-
"addNestedSub": [Function],
20-
"getListeners": [Function],
21-
"handleChangeWrapper": [Function],
22-
"isSubscribed": [Function],
23-
"notifyNestedSubs": [Function],
24-
"trySubscribe": [Function],
25-
"tryUnsubscribe": [Function],
26-
},
7+
"backgroundColor": "#ffffff",
8+
"flex": 1,
279
}
2810
}
2911
>
30-
<Component />
31-
</ContextProvider>
12+
<RCTScrollView
13+
contentContainerStyle={
14+
{
15+
"flexGrow": 1,
16+
}
17+
}
18+
style={
19+
{
20+
"backgroundColor": "#ffffff",
21+
"flex": 1,
22+
}
23+
}
24+
testID="account-backup-step-4-screen"
25+
>
26+
<View>
27+
<View
28+
onLayout={[Function]}
29+
style={
30+
[
31+
{
32+
"alignSelf": "center",
33+
"flex": 1,
34+
"flexDirection": "row",
35+
"height": "100%",
36+
},
37+
{
38+
"paddingBottom": 0,
39+
},
40+
]
41+
}
42+
>
43+
<RCTScrollView
44+
automaticallyAdjustContentInsets={false}
45+
contentInset={
46+
{
47+
"bottom": 0,
48+
}
49+
}
50+
enableAutomaticScroll={true}
51+
enableOnAndroid={true}
52+
enableResetScrollToCoords={true}
53+
extraHeight={75}
54+
extraScrollHeight={0}
55+
getScrollResponder={[Function]}
56+
handleOnScroll={[Function]}
57+
keyboardDismissMode="interactive"
58+
keyboardOpeningTime={250}
59+
keyboardSpace={0}
60+
onScroll={[Function]}
61+
resetKeyboardSpace={[Function]}
62+
scrollEventThrottle={1}
63+
scrollForExtraHeightOnAndroid={[Function]}
64+
scrollIntoView={[Function]}
65+
scrollToEnd={[Function]}
66+
scrollToFocusedInput={[Function]}
67+
scrollToPosition={[Function]}
68+
showsVerticalScrollIndicator={true}
69+
style={
70+
[
71+
{
72+
"flex": 1,
73+
},
74+
{
75+
"flex": 1,
76+
"height": "100%",
77+
},
78+
]
79+
}
80+
update={[Function]}
81+
viewIsInsideTabBar={false}
82+
>
83+
<View>
84+
<View
85+
style={
86+
{
87+
"flex": 1,
88+
"flexDirection": "column",
89+
"height": "100%",
90+
"justifyContent": "space-between",
91+
"padding": 16,
92+
"rowGap": 32,
93+
}
94+
}
95+
>
96+
<View
97+
style={
98+
[
99+
{
100+
"alignItems": "flex-start",
101+
},
102+
{
103+
"flex": 1,
104+
"height": "100%",
105+
},
106+
]
107+
}
108+
>
109+
<Text
110+
accessibilityRole="text"
111+
style={
112+
{
113+
"color": "#121314",
114+
"fontFamily": "Geist Medium",
115+
"fontSize": 16,
116+
"letterSpacing": 0,
117+
"lineHeight": 24,
118+
"marginBottom": 4,
119+
}
120+
}
121+
testID="label"
122+
>
123+
Enter your current password
124+
</Text>
125+
<View
126+
style={
127+
{
128+
"alignItems": "center",
129+
"backgroundColor": "#ffffff",
130+
"borderColor": "#b7bbc8",
131+
"borderRadius": 8,
132+
"borderWidth": 1,
133+
"flexDirection": "row",
134+
"height": 48,
135+
"opacity": 1,
136+
"paddingHorizontal": 16,
137+
}
138+
}
139+
testID="textfield"
140+
>
141+
<View
142+
style={
143+
{
144+
"flex": 1,
145+
}
146+
}
147+
>
148+
<TextInput
149+
autoComplete="current-password"
150+
autoFocus={false}
151+
editable={true}
152+
keyboardAppearance="light"
153+
onBlur={[Function]}
154+
onChangeText={[Function]}
155+
onFocus={[Function]}
156+
onSubmitEditing={[Function]}
157+
placeholder="Password"
158+
placeholderTextColor="#9ca1af"
159+
secureTextEntry={true}
160+
style={
161+
{
162+
"backgroundColor": "#ffffff",
163+
"borderColor": "transparent",
164+
"borderWidth": 1,
165+
"color": "#121314",
166+
"fontFamily": "Geist Regular",
167+
"fontSize": 16,
168+
"fontWeight": "400",
169+
"height": 24,
170+
"letterSpacing": 0,
171+
"opacity": 1,
172+
"paddingVertical": 0,
173+
}
174+
}
175+
testID="create-password-first-input-field"
176+
value=""
177+
/>
178+
</View>
179+
</View>
180+
</View>
181+
<View
182+
style={
183+
{
184+
"flex": 1,
185+
"justifyContent": "flex-end",
186+
}
187+
}
188+
>
189+
<TouchableOpacity
190+
accessibilityRole="button"
191+
accessible={true}
192+
activeOpacity={1}
193+
disabled={true}
194+
onPress={[Function]}
195+
onPressIn={[Function]}
196+
onPressOut={[Function]}
197+
style={
198+
{
199+
"alignItems": "center",
200+
"alignSelf": "stretch",
201+
"backgroundColor": "#121314",
202+
"borderRadius": 12,
203+
"flexDirection": "row",
204+
"height": 48,
205+
"justifyContent": "center",
206+
"opacity": 0.5,
207+
"overflow": "hidden",
208+
"paddingHorizontal": 16,
209+
}
210+
}
211+
testID="submit-button"
212+
>
213+
<Text
214+
accessibilityRole="text"
215+
style={
216+
{
217+
"color": "#ffffff",
218+
"fontFamily": "Geist Medium",
219+
"fontSize": 16,
220+
"letterSpacing": 0,
221+
"lineHeight": 24,
222+
}
223+
}
224+
>
225+
Confirm
226+
</Text>
227+
</TouchableOpacity>
228+
</View>
229+
</View>
230+
</View>
231+
</RCTScrollView>
232+
</View>
233+
</View>
234+
</RCTScrollView>
235+
</RCTSafeAreaView>
32236
`;

0 commit comments

Comments
 (0)