feat: Add other tabs for settings page #118
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
| // Avoid creating duplicate email addresses. Find email address (unverified) first. | ||
| let newEmailInst = user?.emailAddresses.find( | ||
| ({ emailAddress }) => emailAddress === data.email | ||
| ); | ||
| if (!newEmailInst) { | ||
| newEmailInst = await user?.createEmailAddress({ email: data.email }); | ||
| } |
There was a problem hiding this comment.
Unhandled error when changing email address and removing email address linked to Google account.
Clerk gives error "This email address is linked to one or more Connected Accounts. Remove the Connected Account before deleting this email address."
However, the primary email is set to the new one as expected, but the old email address linked to the Google account is still there.
| function ChangePassword() { | ||
| const { user } = useUser(); | ||
|
|
||
| const form = useForm<z.infer<typeof passwordSchema>>({ | ||
| defaultValues: { oldPassword: '', newPassword: '', confirmPassword: '' }, | ||
| resolver: zodResolver(passwordSchema), | ||
| }); | ||
| const handleSubmit = form.handleSubmit((data) => { | ||
| user?.updatePassword({ newPassword: data.newPassword, currentPassword: data.oldPassword }); | ||
| }); | ||
|
|
||
| return ( | ||
| <form className="space-y-4" onSubmit={handleSubmit}> | ||
| <h2 className="text-2xl font-bold">Change Password</h2> | ||
| <div className="mb-2 border-b-2 border-black" /> | ||
| <ControlledField | ||
| control={form.control} | ||
| name="oldPassword" | ||
| label="Old Password" | ||
| type="password" | ||
| /> | ||
| <ControlledField | ||
| control={form.control} | ||
| name="newPassword" | ||
| label="New Password" | ||
| type="password" | ||
| /> | ||
| <ControlledField | ||
| control={form.control} | ||
| name="confirmPassword" | ||
| label="Confirm Password" | ||
| type="password" | ||
| /> | ||
| <Button type="submit" colour="orange"> | ||
| Update password | ||
| </Button> | ||
| </form> | ||
| ); | ||
| } |
There was a problem hiding this comment.
Doesn't seem to handle Clerk password errors for compromised passwords and/or minimum strength.
| const handleRemove = async () => { | ||
| await google?.destroy(); | ||
| window.location.reload(); | ||
| }; |
There was a problem hiding this comment.
Unlink account should also remove the associated email address if there are two emails addresses.
There was a problem hiding this comment.
I don't think there is a connection between email and google account.
There was a problem hiding this comment.
On Clerk there is, linking a Google account sets the associated email as your default email.
Description
Add other tabs for settings page
Changes Made
Related Issues
N/A
Additional Notes