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

[Redesign] SDK changes #269

Merged
merged 21 commits into from
Jan 29, 2024
Merged

[Redesign] SDK changes #269

merged 21 commits into from
Jan 29, 2024

Conversation

ipavlidakis
Copy link
Collaborator

🎯 Goal

Provide the SDK changes required for the new redesign of the components and Demo App.

🛠 Implementation

Provide a detailed description of the implementation and explain your decisions if you find them relevant.

☑️ Contributor Checklist

  • I have signed the Stream CLA (required)
  • This change follows zero ⚠️ policy (required)
  • This change should receive manual QA
  • Changelog is updated with client-facing changes
  • New code is covered by unit tests
  • Comparison screenshots added for visual changes
  • Affected documentation updated (Docusaurus, tutorial, CMS)

@ipavlidakis ipavlidakis added the enhancement New feature or request label Jan 24, 2024
@ipavlidakis ipavlidakis self-assigned this Jan 24, 2024
@ipavlidakis ipavlidakis requested a review from a team as a code owner January 24, 2024 15:36
Copy link

1 Warning
⚠️ Big PR

Generated by 🚫 Danger

@ipavlidakis ipavlidakis changed the title SDK changes [Redesign] SDK changes Jan 24, 2024
@ipavlidakis ipavlidakis force-pushed the feature/redesign-sdk-changes branch from d227266 to 31a5a05 Compare January 24, 2024 17:55
Copy link
Collaborator

@martinmitrevski martinmitrevski left a comment

Choose a reason for hiding this comment

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

Looks great 👍 I added few comments, mostly around using multiplies of 8, checking the docs and other nits. Also, please check why the tests are failing. Will also use it a bit in my next meetings.

Sources/StreamVideoSwiftUI/CallView/CallDurationView.swift Outdated Show resolved Hide resolved
Sources/StreamVideoSwiftUI/CallView/CallDurationView.swift Outdated Show resolved Hide resolved
TopRightView {
Text(value)
.minimumScaleFactor(0.3)
.frame(width: 14, height: 14)
Copy link
Collaborator

Choose a reason for hiding this comment

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

Can we make it 16? 😁

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Designers seems to be using values that aren't multiples of 8. Even Apple isn't using multiples of 8 for sizes(button sizes have been historically 44 and 50) but probably only for margins (8 and 16). Even the article states that the point of it is 1. consistency (which means that design will need to be updated to match that) and 2. used for grids and spacing(doesn't mention sizes)

Copy link
Collaborator

Choose a reason for hiding this comment

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

Ok for size, but I think we should be consistent with paddings - they should be multiplies of 8. Can you also discuss this with the design team?

@@ -97,7 +97,7 @@ struct IncomingCallViewContent: View {
Button {
onCallRejected(callInfo.id)
} label: {
images.hangup
Image(systemName: "phone.down.circle.fill")
Copy link
Collaborator

Choose a reason for hiding this comment

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

Why do we change this?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Because the Image we have in the Images is now the one without the circle.

Copy link
Collaborator

Choose a reason for hiding this comment

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

Maybe we can expose a different image, sth like incoming/outgoing hangup?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Wouldn't that be confusing? Ideally we should be using the same hang up button we have as shared component, right?

Sources/StreamVideoSwiftUI/ViewFactory.swift Show resolved Hide resolved
@ipavlidakis ipavlidakis force-pushed the feature/redesign-sdk-changes branch 5 times, most recently from 5089918 to 48aef00 Compare January 25, 2024 14:16
Copy link
Collaborator

@martinmitrevski martinmitrevski left a comment

Choose a reason for hiding this comment

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

Almost there, we just need to update the padding and some color nits. Also, the CHANGELOG needs to be updated (redesign + the changed methods). Did you check the tutorials (if we use the modified methods there)? We can also release a new minor version after we merge this.

.resizable()
.foregroundColor(colors.text)
.aspectRatio(contentMode: .fit)
.padding(10)
Copy link
Collaborator

Choose a reason for hiding this comment

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

yes, we should fix this, in Figma the padding is 8.

@ipavlidakis ipavlidakis force-pushed the feature/redesign-sdk-changes branch from 232e724 to e336ae5 Compare January 29, 2024 15:25
@ipavlidakis ipavlidakis force-pushed the feature/redesign-sdk-changes branch from 3a173fb to 2dc4424 Compare January 29, 2024 16:30
@ipavlidakis ipavlidakis enabled auto-merge (squash) January 29, 2024 17:01
Copy link

sonarcloud bot commented Jan 29, 2024

Quality Gate Passed Quality Gate passed

The SonarCloud Quality Gate passed, but some issues were introduced.

5 New issues
0 Security Hotspots
68.9% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

@ipavlidakis ipavlidakis merged commit a951508 into main Jan 29, 2024
14 checks passed
@ipavlidakis ipavlidakis deleted the feature/redesign-sdk-changes branch January 29, 2024 17:10
@ipavlidakis ipavlidakis mentioned this pull request Feb 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants