Skip to content

Conversation

@AsenKimO
Copy link
Contributor

@AsenKimO AsenKimO commented Apr 9, 2025

Overview

Implemented most of the settings page, including the main page and 5 sub pages: About transit/appdev page, onboarding page, notifications/privacy page, support page, and TCAT service alerts page. Most subpages have designs that are inspired by Eatery's settings page and the rest are carried over from the previous design, but are tweaked to thematically fit the new settings page.

Changes Made

Change 1

  • Main page
  • Contains a table with rows that navigate to their appropriate pages

Change 2

  • Sub pages
  • About Transit page, Notifications & Privacy page, and Support page
  • Inspired by Eatery's carousel-like design, but with animation to signify the reshuffling of the current and past contributors of Transit
  • Show Onboarding and TCAT Service Alerts
  • Similar to before with minimal changes

Issues

  • Slight UI issue when first time navigating to TCAT Service Alerts where the large nav title will turn into the normal title. After the first time, the issue does not persist.
  • Issue where when I navigate from the search bar to all stops or a specific route and go back, the cancel button will mask the settings page button. Masking goes away when I click into and out of the search bar

Test Coverage

  • UI testing using the simulator
  • Debugging the analytics toggle using print statements

Next Steps

  • Favorites Page to be implemented once Ecosystem is done
  • App Icons Page to be implemented once design and rebranding is finished
  • FAQ section to be added in the Support page after consulting with the Pod lead

Screenshots

Settings Page
settingspagev1.mov

@AsenKimO AsenKimO requested review from JaysonHahn, MrPeterss, angelinaa-chen and daniel-chuang and removed request for MrPeterss April 9, 2025 18:43
@MrPeterss MrPeterss requested review from ArielleNu and MrPeterss and removed request for JaysonHahn and daniel-chuang October 5, 2025 15:47
Copy link
Contributor

@MrPeterss MrPeterss left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice work! Take a look at my comments, and lets talk about how to do the 2x and 3x for the images.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can we rename this file? Vector-2.png doesn't seem like a great name

},
{
"idiom" : "universal",
"scale" : "2x"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can you add the 2x and 3x versions of this? We can look at this together

"scale" : "1x"
},
{
"idiom" : "universal",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

here as well we need the 2x and 3x as well

},
{
"idiom" : "universal",
"scale" : "2x"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same here

},
{
"idiom" : "universal",
"scale" : "2x"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same here

HStack {
VStack(alignment: .leading, spacing: 4) {
Spacer(minLength: 12)
Text("Notifications Access")
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same

.font(Font(UIFont.preferredFont(forTextStyle: .body)))
.fontWeight(.semibold)
.foregroundColor(.black)
Text("Used to send device notifications")
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same

.font(Font(UIFont.preferredFont(forTextStyle: .caption1)))
.fontWeight(.semibold)
.foregroundColor(.gray)
Spacer(minLength: 12)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same

.foregroundColor(.gray)
Spacer(minLength: 12)
}
Spacer()
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

im going to stop commenting now just fix all the instances in this file

Text("Shoot us an email")
.padding(EdgeInsets(top: 14, leading: 0, bottom: 14, trailing: 0))
.font(Font(UIFont.preferredFont(forTextStyle: .body)))
Spacer()
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same thing in this file

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants