-
Notifications
You must be signed in to change notification settings - Fork 9.4k
feat: Salesforce Event Type App v3 designs #21100
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
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎ |
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.
mrge found 11 issues across 14 files. View them in mrge.io
ref?: React.Ref<HTMLDivElement>; | ||
className?: string; | ||
}) => { | ||
const [animateRef] = useAutoAnimate<HTMLDivElement>(); |
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.
Unused ref variable 'animateRef' is assigned but never used in the component's JSX.
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.
Mrge it is used three lines below what are you on about
apps/ui-playground/content/design/components/section.withIcon.tsx
Outdated
Show resolved
Hide resolved
}> | ||
<div> | ||
<div> | ||
{/* {app.credentialOwner && !isPlatform && ( |
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.
This wasnt in designs anywhere - not sure where we need to put this or how important it is? @ciaranha
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.
Fixes select to match our input sizes
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.
LGTM.
yarn.lock file seem to have many unrelated changes
Graphite Automations"Add ready-for-e2e label" took an action on this PR • (05/05/25)1 label was added to this PR based on Keith Williams's automation. |
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.
Lets go!
E2E results are ready! |
* section component * more section UI * wip * core components styled * all components using sections * match icons to figma * small inputs * fix select small to be the same as small text * center flex rows * enforce inputs to be full spanning grid * tidy up section container for single inputs * fix select and i18n * wip * install available apps * raw heading * app install card * fix app logos width x height * fix gap * match design for other button * fix prop name * push i18n string * fix doc snippets * fix docs * chore: remove yarn.lock changes --------- Co-authored-by: Udit Takkar <[email protected]>
What does this PR do?
Fixes: #18538
Visual Demo
BEFORE:

AFTER

Salesforce
Other apps (will update with section components in a follow up PR)
![Uploading CleanShot 2025-05-03 at 21.46.53.png…]()
UI playground docs on section
New V3 designs have seen this pattern a lot so why not make it as re-usable as possible.
Mandatory Tasks (DO NOT REMOVE)
How should this be tested?
Install salesforce to an event type
Add some faux data
Checklist
Summary by mrge
Added new Section UI components and updated the Salesforce Event Type app to use the new V3 designs for a more organized and consistent settings experience.