ByoungSooPark/modeling-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Quick follow up fixing up experimetal progress/submit button colors (#6999)

Browse Source
This commit is contained in:
Pierre Jacquier
2025-05-16 05:44:10 -04:00
committed by GitHub
parent ebf048478d
commit 17eb84325f
1 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/CommandBar/CommandBarHeader.tsx
View File

@ -210,23 +210,27 @@ function CommandBarHeader({ children }: React.PropsWithChildren<object>) {
{isReviewing ? ( {isReviewing ? (
<ReviewingButton <ReviewingButton
bgClassName={ bgClassName={
selectedCommand.status === 'experimental' ? '!bg-ml-green' : '' selectedCommand.status === 'experimental'
? '!bg-ml-green'
: '!bg-primary'
} }
iconClassName={ iconClassName={
selectedCommand.status === 'experimental' selectedCommand.status === 'experimental'
? '!text-ml-black' ? '!text-ml-black'
: '' : '!text-chalkboard-10'
} }
/> />
) : ( ) : (
<GatheringArgsButton <GatheringArgsButton
bgClassName={ bgClassName={
selectedCommand.status === 'experimental' ? '!bg-ml-green' : '' selectedCommand.status === 'experimental'
? '!bg-ml-green'
: '!bg-primary'
} }
iconClassName={ iconClassName={
selectedCommand.status === 'experimental' selectedCommand.status === 'experimental'
? '!text-ml-black' ? '!text-ml-black'
: '' : '!text-chalkboard-10'
} }
/> />
)} )}
@ -250,8 +254,8 @@ function ReviewingButton({ bgClassName, iconClassName }: ButtonProps) {
data-testid="command-bar-submit" data-testid="command-bar-submit"
iconStart={{ iconStart={{
icon: 'checkmark', icon: 'checkmark',
bgClassName: `p-1 rounded-sm !bg-primary hover:brightness-110 ${bgClassName}`, bgClassName: `p-1 rounded-sm hover:brightness-110 ${bgClassName}`,
iconClassName: `!text-chalkboard-10 ${iconClassName}`, iconClassName: `${iconClassName}`,
}} }}
> >
<span className="sr-only">Submit command</span> <span className="sr-only">Submit command</span>
@ -269,8 +273,8 @@ function GatheringArgsButton({ bgClassName, iconClassName }: ButtonProps) {
data-testid="command-bar-continue" data-testid="command-bar-continue"
iconStart={{ iconStart={{
icon: 'arrowRight', icon: 'arrowRight',
bgClassName: `p-1 rounded-sm !bg-primary hover:brightness-110 ${bgClassName}`, bgClassName: `p-1 rounded-sm hover:brightness-110 ${bgClassName}`,
iconClassName: `!text-chalkboard-10 ${iconClassName}`, iconClassName: `${iconClassName}`,
}} }}
> >
<span className="sr-only">Continue</span> <span className="sr-only">Continue</span>