fix(UI): use StyledButton in TierSelectionModal for consistency (#543)

This commit is contained in:
Jake Turner 2026-03-25 14:51:26 -07:00
parent 643eaea84b
commit c67653b87a

View File

@ -6,6 +6,7 @@ import { resolveTierResources } from '~/lib/collections'
import { formatBytes } from '~/lib/util' import { formatBytes } from '~/lib/util'
import classNames from 'classnames' import classNames from 'classnames'
import DynamicIcon, { DynamicIconName } from './DynamicIcon' import DynamicIcon, { DynamicIconName } from './DynamicIcon'
import StyledButton from './StyledButton'
interface TierSelectionModalProps { interface TierSelectionModalProps {
isOpen: boolean isOpen: boolean
@ -213,18 +214,14 @@ const TierSelectionModal: React.FC<TierSelectionModalProps> = ({
{/* Footer */} {/* Footer */}
<div className="bg-surface-secondary px-6 py-4 flex justify-end gap-3"> <div className="bg-surface-secondary px-6 py-4 flex justify-end gap-3">
<button <StyledButton
variant='primary'
size='lg'
onClick={handleSubmit} onClick={handleSubmit}
disabled={!localSelectedSlug} disabled={!localSelectedSlug}
className={classNames(
'px-4 py-2 rounded-md font-medium transition-colors',
localSelectedSlug
? 'bg-desert-green text-white hover:bg-desert-green/90'
: 'bg-border-default text-text-muted cursor-not-allowed'
)}
> >
Submit Submit
</button> </StyledButton>
</div> </div>
</Dialog.Panel> </Dialog.Panel>
</Transition.Child> </Transition.Child>