Skip to content

chore(clerk-js): Replace Avatar preview in OrganizationProfileAvatarUploader with Upload Button#2014

Merged
nikospapcom merged 1 commit intomainfrom
nikospap/core-514-organization-avatar-in-createorganization-needs-to-be
Nov 6, 2023
Merged

chore(clerk-js): Replace Avatar preview in OrganizationProfileAvatarUploader with Upload Button#2014
nikospapcom merged 1 commit intomainfrom
nikospap/core-514-organization-avatar-in-createorganization-needs-to-be

Conversation

@nikospapcom
Copy link
Copy Markdown
Contributor

@nikospapcom nikospapcom commented Nov 2, 2023

Description

Replacing AvatarPreview in OrganizationProfileAvatarUploader with upload button in CreateOrganizationForm to avoid layout shift

Checklist

  • npm test runs as expected.
  • npm run build runs as expected.
  • (If applicable) JSDoc comments have been added or updated for any package exports
  • (If applicable) Documentation has been updated

Type of change

  • 🐛 Bug fix
  • 🌟 New feature
  • 🔨 Breaking change
  • 📖 Refactoring / dependency upgrade / documentation
  • other:

Packages affected

  • @clerk/backend
  • @clerk/chrome-extension
  • @clerk/clerk-js
  • @clerk/clerk-expo
  • @clerk/fastify
  • gatsby-plugin-clerk
  • @clerk/localizations
  • @clerk/nextjs
  • @clerk/clerk-react
  • @clerk/remix
  • @clerk/clerk-sdk-node
  • @clerk/shared
  • @clerk/themes
  • @clerk/types
  • build/tooling/chore

BEFORE

Screen.Recording.2023-11-02.at.10.48.22.AM.mov

AFTER

Screen.Recording.2023-11-06.at.9.38.02.AM.mov

Screenshot 2023-11-06 at 9 37 22 AM

@nikospapcom nikospapcom requested a review from a team as a code owner November 2, 2023 09:17
@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Nov 2, 2023

🦋 Changeset detected

Latest commit: 50cdf7b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages
Name Type
@clerk/clerk-js Patch
@clerk/chrome-extension Patch
@clerk/clerk-expo Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@nikospapcom nikospapcom self-assigned this Nov 2, 2023
@nikospapcom nikospapcom force-pushed the nikospap/core-514-organization-avatar-in-createorganization-needs-to-be branch from d144469 to 990551f Compare November 3, 2023 08:01
Copy link
Copy Markdown
Contributor

@panteliselef panteliselef left a comment

Choose a reason for hiding this comment

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

Great stuff, i added a few minor comments

Comment thread packages/clerk-js/src/ui/components/CreateOrganization/CreateOrganizationForm.tsx Outdated
Comment thread packages/clerk-js/src/ui/components/CreateOrganization/CreateOrganizationForm.tsx Outdated
Comment thread packages/clerk-js/src/ui/components/CreateOrganization/CreateOrganizationForm.tsx Outdated
@nikospapcom nikospapcom force-pushed the nikospap/core-514-organization-avatar-in-createorganization-needs-to-be branch 3 times, most recently from 127fdc0 to 1c2621f Compare November 6, 2023 07:36
@nikospapcom
Copy link
Copy Markdown
Contributor Author

Great stuff, i added a few minor comments

Thanks for the review @panteliselef
I addressed you comments and update after screenshot/video accordingly

Copy link
Copy Markdown
Contributor

@panteliselef panteliselef left a comment

Choose a reason for hiding this comment

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

Just caught one minor thing, the stroke colour of the new svg we are introducting

Comment thread packages/clerk-js/src/ui/icons/upload.svg Outdated
@nikospapcom nikospapcom force-pushed the nikospap/core-514-organization-avatar-in-createorganization-needs-to-be branch 2 times, most recently from 76d98ab to 3dce524 Compare November 6, 2023 09:28
Copy link
Copy Markdown
Contributor

@panteliselef panteliselef left a comment

Choose a reason for hiding this comment

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

💯

@nikospapcom nikospapcom force-pushed the nikospap/core-514-organization-avatar-in-createorganization-needs-to-be branch from 3dce524 to 50cdf7b Compare November 6, 2023 10:53
@nikospapcom nikospapcom added this pull request to the merge queue Nov 6, 2023
Merged via the queue into main with commit 8b40dc7 Nov 6, 2023
@nikospapcom nikospapcom deleted the nikospap/core-514-organization-avatar-in-createorganization-needs-to-be branch November 6, 2023 11:15
nikospapcom added a commit that referenced this pull request Nov 9, 2023
…ploader with Upload Button (#2014)

(cherry picked from commit 8b40dc7)
github-merge-queue Bot pushed a commit that referenced this pull request Nov 9, 2023
…ploader with Upload Button (#2014) (#2090)

(cherry picked from commit 8b40dc7)

Co-authored-by: Papageorgiou Nikos <admin@nikospap.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants