mirror of
https://github.com/Crosstalk-Solutions/project-nomad.git
synced 2026-03-28 03:29:25 +01:00
fix(UI): use StyledButton in TierSelectionModal for consistency (#543)
This commit is contained in:
parent
643eaea84b
commit
c67653b87a
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user