Skip to content

chore: Update headers for Accounts flow #24306

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
brianacnguyen wants to merge 13 commits into
base: main
Choose a base branch
from
+831 −690
Open

chore: Update headers for Accounts flow #24306

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
4ee90f6
Updated accounts header
brianacnguyen Dec 26, 2025
4427024
Updated header for import a wallet
brianacnguyen Dec 26, 2025
288aae2
Updated accounts headers
brianacnguyen Dec 27, 2025
aa77ee3
Merge branch 'main' of https://github.com/MetaMask/metamask-mobile in…
brianacnguyen Jan 8, 2026
7d13f36
Merge branch 'main' of https://github.com/MetaMask/metamask-mobile in…
brianacnguyen Jan 8, 2026
78b371b
Updated header and footer stylings for accounts flow
brianacnguyen Jan 8, 2026
0fae429
Merge branch 'main' of https://github.com/MetaMask/metamask-mobile in…
brianacnguyen Jan 8, 2026
6fc1775
Merge branch 'main' of https://github.com/MetaMask/metamask-mobile in…
brianacnguyen Jan 8, 2026
5e16fb6
Updated snapshots
brianacnguyen Jan 9, 2026
e689890
Updated textinput for importprivatekey
brianacnguyen Jan 9, 2026
5110e6f
Removed focused style
brianacnguyen Jan 9, 2026
654244c
Updated e2e tests
brianacnguyen Jan 9, 2026
c4042fb
Updated disabled state
brianacnguyen Jan 9, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
201 changes: 165 additions & 36 deletions app/components/UI/SeedphraseModal/__snapshots__/index.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,50 +7,175 @@ exports[`SeedphraseModal renders matches snapshot 1`] = `
<View
style={
{
"alignItems": "center",
"flexDirection": "column",
"justifyContent": "center",
"padding": 16,
"rowGap": 16,
}
}
>
<View
style={
{
"alignItems": "center",
"flexDirection": "row",
"justifyContent": "center",
}
[
{
"alignItems": "center",
"flexDirection": "row",
"gap": 16,
"height": 56,
"paddingLeft": 8,
"paddingRight": 8,
},
false,
undefined,
]
}
testID="header"
>
<Text
accessibilityRole="text"
<View>
<View
onLayout={[Function]}
/>
</View>
<View
style={
{
"color": "#121314",
"fontFamily": "Geist-Bold",
"fontSize": 18,
"letterSpacing": 0,
"lineHeight": 24,
}
[
{
"alignItems": "center",
"display": "flex",
"flexBasis": "0%",
"flexGrow": 1,
"flexShrink": 1,
},
undefined,
]
}
>
What’s a Secret Recovery Phrase?
</Text>
<View
style={
[
{
"alignItems": "center",
"display": "flex",
},
undefined,
]
}
>
<Text
accessibilityRole="text"
style={
[
{
"color": "#121314",
"fontFamily": "Geist-Bold",
"fontSize": 16,
"fontWeight": 400,
"letterSpacing": 0,
"lineHeight": 24,
},
undefined,
]
}
>
What’s a Secret Recovery Phrase?
</Text>
</View>
</View>
<View>
<View
onLayout={[Function]}
>
<View
style={
[
{
"transform": [
{
"scale": 1,
},
],
},
{
"alignItems": "center",
"justifyContent": "center",
},
]
}
>
<View
accessibilityState={
{
"busy": undefined,
"checked": undefined,
"disabled": false,
"expanded": undefined,
"selected": undefined,
}
}
accessibilityValue={
{
"max": undefined,
"min": undefined,
"now": undefined,
"text": undefined,
}
}
accessible={true}
collapsable={false}
focusable={true}
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
[
{
"alignItems": "center",
"backgroundColor": "transparent",
"borderRadius": 2,
"height": 32,
"justifyContent": "center",
"opacity": 1,
"width": 32,
},
undefined,
]
}
testID="button-icon"
>
<SvgMock
fill="currentColor"
name="Close"
style={
[
{
"color": "#121314",
"height": 20,
"width": 20,
},
undefined,
]
}
/>
</View>
</View>
</View>
</View>
</View>
<View
style={
{
"flexDirection": "column",
"paddingHorizontal": 16,
}
}
>
<Text
accessibilityRole="text"
style={
{
"color": "#121314",
"color": "#686e7d",
"fontFamily": "Geist-Regular",
"fontSize": 16,
"letterSpacing": 0,
Expand All @@ -71,7 +196,7 @@ exports[`SeedphraseModal renders matches snapshot 1`] = `
accessibilityRole="text"
style={
{
"color": "#121314",
"color": "#686e7d",
"fontFamily": "Geist-Regular",
"fontSize": 16,
"letterSpacing": 0,
Expand All @@ -84,7 +209,7 @@ exports[`SeedphraseModal renders matches snapshot 1`] = `
<View
style={
{
"marginLeft": 10,
"marginLeft": 12,
}
}
>
Expand All @@ -103,10 +228,10 @@ exports[`SeedphraseModal renders matches snapshot 1`] = `
{
"color": "#121314",
"fontFamily": "Geist-Regular",
"fontSize": 20,
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
"marginRight": 10,
"marginRight": 12,
}
}
>
Expand All @@ -116,7 +241,7 @@ exports[`SeedphraseModal renders matches snapshot 1`] = `
accessibilityRole="text"
style={
{
"color": "#121314",
"color": "#686e7d",
"fontFamily": "Geist-Regular",
"fontSize": 16,
"letterSpacing": 0,
Expand All @@ -142,10 +267,10 @@ exports[`SeedphraseModal renders matches snapshot 1`] = `
{
"color": "#121314",
"fontFamily": "Geist-Regular",
"fontSize": 20,
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
"marginRight": 10,
"marginRight": 12,
}
}
>
Expand All @@ -155,7 +280,7 @@ exports[`SeedphraseModal renders matches snapshot 1`] = `
accessibilityRole="text"
style={
{
"color": "#121314",
"color": "#686e7d",
"fontFamily": "Geist-Regular",
"fontSize": 16,
"letterSpacing": 0,
Expand All @@ -181,10 +306,10 @@ exports[`SeedphraseModal renders matches snapshot 1`] = `
{
"color": "#121314",
"fontFamily": "Geist-Regular",
"fontSize": 20,
"fontSize": 16,
"letterSpacing": 0,
"lineHeight": 24,
"marginRight": 10,
"marginRight": 12,
}
}
>
Expand All @@ -194,7 +319,7 @@ exports[`SeedphraseModal renders matches snapshot 1`] = `
accessibilityRole="text"
style={
{
"color": "#121314",
"color": "#686e7d",
"fontFamily": "Geist-Regular",
"fontSize": 16,
"letterSpacing": 0,
Expand All @@ -211,7 +336,9 @@ exports[`SeedphraseModal renders matches snapshot 1`] = `
<View
style={
{
"marginTop": 16,
"paddingBottom": 16,
"paddingHorizontal": 16,
"paddingTop": 24,
"width": "100%",
}
}
Expand All @@ -227,8 +354,10 @@ exports[`SeedphraseModal renders matches snapshot 1`] = `
{
"alignItems": "center",
"alignSelf": "stretch",
"backgroundColor": "#121314",
"backgroundColor": "#3c4d9d0f",
"borderColor": "transparent",
"borderRadius": 12,
"borderWidth": 1,
"flexDirection": "row",
"height": 48,
"justifyContent": "center",
Expand All @@ -241,7 +370,7 @@ exports[`SeedphraseModal renders matches snapshot 1`] = `
accessibilityRole="text"
style={
{
"color": "#ffffff",
"color": "#121314",
"fontFamily": "Geist-Medium",
"fontSize": 16,
"letterSpacing": 0,
Expand Down
Loading
Loading