diff --git a/.github/assets/pr/sandbox-ui-0.90.3/instances-desktop.png b/.github/assets/pr/sandbox-ui-0.90.3/instances-desktop.png new file mode 100644 index 0000000000..365e70f7c0 Binary files /dev/null and b/.github/assets/pr/sandbox-ui-0.90.3/instances-desktop.png differ diff --git a/.github/assets/pr/sandbox-ui-0.90.3/instances-mobile-after.png b/.github/assets/pr/sandbox-ui-0.90.3/instances-mobile-after.png new file mode 100644 index 0000000000..359a58105e Binary files /dev/null and b/.github/assets/pr/sandbox-ui-0.90.3/instances-mobile-after.png differ diff --git a/.github/assets/pr/sandbox-ui-0.90.3/instances-mobile-before.png b/.github/assets/pr/sandbox-ui-0.90.3/instances-mobile-before.png new file mode 100644 index 0000000000..fcfe42903d Binary files /dev/null and b/.github/assets/pr/sandbox-ui-0.90.3/instances-mobile-before.png differ diff --git a/apps/tangle-cloud/src/components/sandbox/SandboxUi.tsx b/apps/tangle-cloud/src/components/sandbox/SandboxUi.tsx index 983b279908..2553f40f10 100644 --- a/apps/tangle-cloud/src/components/sandbox/SandboxUi.tsx +++ b/apps/tangle-cloud/src/components/sandbox/SandboxUi.tsx @@ -42,10 +42,7 @@ import { type ReactNode, } from 'react'; -// Re-export the canonical tangle-cloud Text from the dedicated module so we -// preserve the existing import surface (`import { Text } from '...sandbox/SandboxUi'`) -// while routing through a single Text implementation that consumes -// @tangle-network/brand 0.3 tokens. +// Re-export the canonical tangle-cloud Text from the dedicated module. export { Text } from '../Text'; export type { TextProps, TextVariant } from '../Text'; @@ -397,8 +394,9 @@ export const Chip: FC<{ className?: string; children: ReactNode; }> = ({ color, className, children }) => { - const variant = - (color && CHIP_COLOR_TO_VARIANT[color.toLowerCase()]) ?? 'outline'; + const variant = color + ? (CHIP_COLOR_TO_VARIANT[color.toLowerCase()] ?? 'outline') + : 'outline'; return ( diff --git a/apps/tangle-cloud/src/containers/payments/FundCreditsContainer.tsx b/apps/tangle-cloud/src/containers/payments/FundCreditsContainer.tsx index 1baeeba8fd..c6c0bea4d5 100644 --- a/apps/tangle-cloud/src/containers/payments/FundCreditsContainer.tsx +++ b/apps/tangle-cloud/src/containers/payments/FundCreditsContainer.tsx @@ -70,7 +70,7 @@ const FundCreditsContainer: FC = () => { value={label} onChange={setLabel} isControlled - isDisabled={isGenerating || !isUnlocked} + disabled={isGenerating || !isUnlocked} /> diff --git a/apps/tangle-cloud/src/pages/instances/Instances/UpdateBlueprintModel/AssetCommitmentFormItem.tsx b/apps/tangle-cloud/src/pages/instances/Instances/UpdateBlueprintModel/AssetCommitmentFormItem.tsx index e766eb73e5..860dced37c 100644 --- a/apps/tangle-cloud/src/pages/instances/Instances/UpdateBlueprintModel/AssetCommitmentFormItem.tsx +++ b/apps/tangle-cloud/src/pages/instances/Instances/UpdateBlueprintModel/AssetCommitmentFormItem.tsx @@ -34,7 +34,7 @@ export const AssetCommitmentFormItem: FC = ({ isControlled value={assetId ?? ''} className="hidden" - isDisabled + disabled />
{ } action={ !isConnected ? ( -
+