-
Notifications
You must be signed in to change notification settings - Fork 7k
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: Timezone in Email Embed not working #15525 #15537
base: main
Are you sure you want to change the base?
fix: Timezone in Email Embed not working #15525 #15537
Conversation
@acharyayush is attempting to deploy a commit to the cal Team on Vercel. A member of the Team first needs to authorize it. |
Graphite Automations"Add community label" took an action on this PR • (06/22/24)1 label was added to this PR based on Keith Williams's automation. "Add consumer team as reviewer" took an action on this PR • (06/22/24)1 reviewer was added to this PR based on Keith Williams's automation. |
@@ -299,7 +299,7 @@ const EmailEmbed = ({ | |||
<Collapsible open> | |||
<CollapsibleContent> | |||
<div className="text-default mb-[9px] text-sm">{t("timezone")}</div> | |||
<TimezoneSelect id="timezone" value={timezone} isDisabled /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@acharyayush how about toggling the value of the prop isDisabled
?
<TimezoneSelect id="timezone" value={timezone} isDisabled={false} />
Toggled the value of isDisabled to false instead of removing
@@ -64,6 +66,7 @@ export function TimezoneSelectComponent({ | |||
...(data ? addCitiesToDropdown(data) : {}), | |||
...addCitiesToDropdown(cities), | |||
}} | |||
onChange={({ value }) => setTimezone(value)} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Aren't onChange
and onInputChange
handlers one and the same? The issue was that the timezone selector was disabled because of previously setting the isDisabled
prop to true right? So is this really needed now?
@@ -299,7 +299,7 @@ const EmailEmbed = ({ | |||
<Collapsible open> | |||
<CollapsibleContent> | |||
<div className="text-default mb-[9px] text-sm">{t("timezone")}</div> | |||
<TimezoneSelect id="timezone" value={timezone} isDisabled /> | |||
<TimezoneSelect id="timezone" value={timezone} isDisabled={false} /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@hariombalhara was this disabled on purpose?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@Pradumn27 worked on this feature. I believe there has to be a reason. It isn't accidental.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
If i click on "See available times" with a different time zone selected in dropdown it still opens the booking page in my default timezone.
What does this PR do?
Timezone selection in email embed page was disabled. I enabled it by updating the timezone of localstorage when user selects another timezone
##Before
https://www.loom.com/share/c5a5e587307241ecb76fd349ca33551b
##After
https://www.loom.com/share/a017ffb10f5641ad9d48130e3c964883
Mandatory Tasks (DO NOT REMOVE)