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

fix: Google Spam Polciy alert breaking embed layout in popup mode #12153

Merged

Conversation

hariombalhara
Copy link
Member

@hariombalhara hariombalhara commented Oct 30, 2023

What does this PR do?

Fixes #12151

Loom: https://www.loom.com/share/fbb38d07327142c8ba573feed497ff13

Type of change

  • Bug fix (non-breaking change which fixes an issue)
  • Chore (refactoring code, technical debt, workflow improvements)

How should this be tested?

See loom

Mandatory Tasks

  • Make sure you have self-reviewed the code. A decent size PR without self-review might be rejected.

Checklist

  • I haven't added tests that prove my fix is effective or that my feature works

@vercel
Copy link

vercel bot commented Oct 30, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
ai ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 30, 2023 1:02pm
dev ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 30, 2023 1:02pm
5 Ignored Deployments
Name Status Preview Comments Updated (UTC)
api ⬜️ Ignored (Inspect) Visit Preview Oct 30, 2023 1:02pm
cal ⬜️ Ignored (Inspect) Visit Preview Oct 30, 2023 1:02pm
cal-demo ⬜️ Ignored (Inspect) Visit Preview Oct 30, 2023 1:02pm
qa ⬜️ Ignored (Inspect) Visit Preview Oct 30, 2023 1:02pm
ui ⬜️ Ignored (Inspect) Visit Preview Oct 30, 2023 1:02pm

@hariombalhara
Copy link
Member Author

hariombalhara commented Oct 30, 2023

Current dependencies on/for this PR:

This comment was auto-generated by Graphite.

@github-actions
Copy link
Contributor

github-actions bot commented Oct 30, 2023

Thank you for following the naming conventions! 🙏 Feel free to join our discord and post your PR link to collect XP and win prizes!

@@ -342,14 +342,17 @@ export default function Success(props: SuccessProps) {
<div
className={classNames(
shouldAlignCentrally ? "text-center" : "",
"flex items-end justify-center px-4 pb-20 pt-4 sm:block sm:p-0"
"flex items-end justify-center px-4 pb-20 pt-4 sm:flex sm:p-0"
Copy link
Member Author

Choose a reason for hiding this comment

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

I don't know why we were going from flex to block in sm

)}>
<div
className={classNames("my-4 transition-opacity sm:my-0", isEmbed ? "" : " inset-0")}
className={classNames(
"main my-4 flex flex-col transition-opacity sm:my-0 ",
Copy link
Member Author

Choose a reason for hiding this comment

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

This one is also flex now

)}>
<div
className={classNames("my-4 transition-opacity sm:my-0", isEmbed ? "" : " inset-0")}
className={classNames(
"main my-4 flex flex-col transition-opacity sm:my-0 ",
Copy link
Member Author

Choose a reason for hiding this comment

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

Switched main to be this wrapper element that contains alert as well, so that height calculation correctly includes alert

@hariombalhara hariombalhara force-pushed the 10-30-Fix_Google_spam_policy_alert_layout_in_embed branch from 6212b0d to ce92c5e Compare October 30, 2023 12:44
@hariombalhara hariombalhara changed the base branch from fix/less-recurring-bookings-failure to main October 30, 2023 12:44
@zomars zomars added the core area: core, team members only label Oct 30, 2023
@github-actions
Copy link
Contributor

📦 Next.js Bundle Analysis for @calcom/web

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

@deploysentinel
Copy link

deploysentinel bot commented Oct 30, 2023

Current Playwright Test Results Summary

✅ 231 Passing - ⚠️ 4 Flaky

Run may still be in progress, this comment will be updated as current testing workflow or job completes...

(Last updated on 10/30/2023 12:56:08pm UTC)

Run Details

Running Workflow PR Update on Github Actions

Commit: ce92c5e

Started: 10/30/2023 12:53:32pm UTC

⚠️ Flakes

📄   packages/embeds/embed-core/playwright/tests/action-based.e2e.ts • 3 Flakes

Top 1 Common Error Messages

null

3 Test Cases Affected

Test Case Results

Test Case Last 7 days Failures Last 7 days Flakes
Popup Tests should open embed iframe on click - Configured with light theme
Retry 1Initial Attempt
2.98% (9) 9 / 302 runs
failed over last 7 days
46.03% (139) 139 / 302 runs
flaked over last 7 days
Popup Tests Floating Button Popup Pro User - Configured in App with default setting of system theme should open embed iframe according to system theme when no theme is configured through Embed API
Retry 1Initial Attempt
2.99% (9) 9 / 301 runs
failed over last 7 days
54.82% (165) 165 / 301 runs
flaked over last 7 days
Popup Tests should open Routing Forms embed on click
Retry 1Initial Attempt
0.33% (1) 1 / 302 run
failed over last 7 days
17.55% (53) 53 / 302 runs
flaked over last 7 days

📄   packages/app-store/routing-forms/playwright/tests/basic.e2e.ts • 1 Flake

Test Case Results

Test Case Last 7 days Failures Last 7 days Flakes
Routing Forms Seeded Routing Form Routing Link should validate fields
Retry 1Initial Attempt
0.68% (2) 2 / 296 runs
failed over last 7 days
13.18% (39) 39 / 296 runs
flaked over last 7 days

View Detailed Build Results


Copy link
Member

@sean-brydon sean-brydon left a comment

Choose a reason for hiding this comment

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

LGTM - as discussed in PMs. Lets tackle the scrolling improvements in a follow up

@sean-brydon sean-brydon merged commit b4d27a9 into main Oct 31, 2023
39 of 40 checks passed
@sean-brydon sean-brydon deleted the 10-30-Fix_Google_spam_policy_alert_layout_in_embed branch October 31, 2023 10:46
hbjORbj pushed a commit to codemod-com/cal.com-demo that referenced this pull request Nov 28, 2023
hbjORbj pushed a commit to codemod-com/cal.com-demo that referenced this pull request Dec 21, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
core area: core, team members only
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[CAL-2663] Embed: Google New Spam Policy alert breaking embed layout
3 participants