Skip to content
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.

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

New Tab Page layout and base elements #3008

Merged
merged 11 commits into from
Jul 1, 2024
Merged

New Tab Page layout and base elements #3008

merged 11 commits into from
Jul 1, 2024

Conversation

dus7
Copy link
Contributor

@dus7 dus7 commented Jun 28, 2024

Task/Issue URL: https://app.asana.com/0/1206226850447395/1207685167967158/f
Tech Design URL:
CC:

Description:

Contains base layout and elements for New Tab Page Sections. Currently using mock data. Models and element actions will be added in later as part of New Tab Page sections project.

Steps to test this PR:

  1. Enable internal user flag and New Tab Page Sections via Debug menu
  2. New layout should be visible when new tab is opened
  3. When using regular horizontal size class (iPad / iPhone Max) grid should have 6 columns instead of 4

Definition of Done (Internal Only):

Orientation Testing:

  • Portrait
  • Landscape

Device Testing:

  • iPhone 14 Pro
  • iPad

OS Testing:

  • iOS 14
  • iOS 15
  • iOS 16

Theme Testing:

  • Light theme
  • Dark theme

Internal references:

Software Engineering Expectations
Technical Design Template

@github-actions github-actions bot added the bot: not in app board Added by automation for pull requests with tasks not added to iOS App Board Asana project label Jun 28, 2024
@dus7 dus7 removed the bot: not in app board Added by automation for pull requests with tasks not added to iOS App Board Asana project label Jun 28, 2024
Copy link

github-actions bot commented Jun 28, 2024

Warnings
⚠️ PR has more than 500 lines of code changing. Consider splitting into smaller PRs if possible.

Generated by 🚫 dangerJS against ed58181

@dus7 dus7 marked this pull request as ready for review June 28, 2024 11:53
@dus7 dus7 requested a review from brindy June 28, 2024 11:53
Copy link
Contributor

@brindy brindy left a comment

Choose a reason for hiding this comment

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

This is looking nice. Some comments but feel free to merge when/if you address them.

The gap between the bottom and customise button seems quite big, but maybe that's deliberate?

Anyway, good job.

DuckDuckGo/EmptyStateFavoritesView.swift Outdated Show resolved Hide resolved
DuckDuckGo/FavoritesView.swift Outdated Show resolved Hide resolved
}

private func emptyIcon() -> Image {
Image(systemName: "square.grid.3x3.middle.filled")
Copy link
Contributor

Choose a reason for hiding this comment

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

This deliberate?

Copy link
Contributor Author

@dus7 dus7 Jul 1, 2024

Choose a reason for hiding this comment

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

This is temporary - wanted to have anything other than blank view displayed. I'll remove that when integrating favorites.
Decided to remove it right now. Since there is a shadow and white background items are visible without an icon.

struct NewTabPageCustomizeButtonView: View {
var body: some View {
HStack {
Image(.options16)
Copy link
Contributor

Choose a reason for hiding this comment

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

Is this autogenerated?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yes. These are autogenerated asset symbols.

DuckDuckGo/ToggleExpandButtonView.swift Outdated Show resolved Hide resolved
@dus7
Copy link
Contributor Author

dus7 commented Jul 1, 2024

The gap between the bottom and customise button seems quite big, but maybe that's deliberate?

Yes, in fact it should be even bigger - there was a change on designs. I'll adjust that.

dus7 added 2 commits July 1, 2024 10:13
Use proper empty state view for favorites
@dus7 dus7 merged commit da8ad9c into main Jul 1, 2024
14 checks passed
@dus7 dus7 deleted the mariusz/ntp-layout branch July 1, 2024 10:06
samsymons added a commit that referenced this pull request Jul 1, 2024
* main:
  Fire a pixel when removing the VPN configuration (#3014)
  Release 7.127.0-0 (#3020)
  point to BSK branch (#3016)
  [DuckPlayer] - 3. URL management & FE comms (#3007)
  Bump BSK version (#3011)
  New Tab Page layout and base elements (#3008)
  Remove Privacy Pro from device once expired account is deleted (#3009)
  Improvements to subscription settings (#2959)
  Toggle reports limiter (#3005)
  Duck Player info Modal (#3006)
  Silence tunnel startup noise with no access token available (#2993)
  In case Pending Deletion flag is nil, populate it with 'false' value (#2997)
  VPN uninstall not stopping agent in App Store build (#2999)
  Update VPN metadata to include entitlement (#3002)
samsymons added a commit that referenced this pull request Jul 4, 2024
* main: (24 commits)
  Add pixels to measure baseline for New Tab Page sections (#3024)
  backgrounding UI tests (#3021)
  improve bookmarks and favorites UI tests (#3019)
  [DuckPlayer] - 4. Remote Config (#3018)
  Updates BSK
  Fix issue when cancelling a download (#3030)
  Tentative fix for a crash and connectivity issues (#3027)
  autofill UI tests (#3012)
  scripts for running UI tests (#3000)
  Integrate RemoteMessaging with NewTabPage (#3017)
  Update to iOS 15 deployment target (#3001)
  Fire a pixel when removing the VPN configuration (#3014)
  Release 7.127.0-0 (#3020)
  point to BSK branch (#3016)
  [DuckPlayer] - 3. URL management & FE comms (#3007)
  Bump BSK version (#3011)
  New Tab Page layout and base elements (#3008)
  Remove Privacy Pro from device once expired account is deleted (#3009)
  Improvements to subscription settings (#2959)
  Toggle reports limiter (#3005)
  ...
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.

None yet

2 participants