From 9416e7cc65b6a81eaf4b3ba5a9ef34464ce3018f Mon Sep 17 00:00:00 2001 From: Christian Montoya Date: Wed, 31 Jul 2024 09:18:24 -0400 Subject: [PATCH] Add notes for version 12+ And fix link to tx insights feature --- snaps/features/custom-ui/index.md | 4 ++-- snaps/features/custom-ui/with-jsx.md | 6 +++++- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/snaps/features/custom-ui/index.md b/snaps/features/custom-ui/index.md index 19c2694432d..517e9c23f4f 100644 --- a/snaps/features/custom-ui/index.md +++ b/snaps/features/custom-ui/index.md @@ -7,7 +7,7 @@ sidebar_position: 4 :::caution This version of custom UI is deprecated. If you're building a new Snaps project, -use [custom UI with JSX](./with-jsx). +use [custom UI with JSX](./with-jsx). JSX is supported in MetaMask Extension and Flask version 12+. ::: You can display custom user interface (UI) components using the @@ -16,7 +16,7 @@ implementing the following features: - [Dialogs](dialogs.md) - [Home pages](home-pages.md) -- [Transaction insights](../../reference/entry-points.md#ontransaction) +- [Transaction insights](../transaction-insights.md) - [Signature insights](../signature-insights.md) To use custom UI, first install [`@metamask/snaps-sdk`](https://github.com/MetaMask/snaps/tree/main/packages/snaps-sdk) diff --git a/snaps/features/custom-ui/with-jsx.md b/snaps/features/custom-ui/with-jsx.md index e90883d1c0f..efc28a828e6 100644 --- a/snaps/features/custom-ui/with-jsx.md +++ b/snaps/features/custom-ui/with-jsx.md @@ -11,9 +11,13 @@ implementing the following features: - [Dialogs](dialogs.md) - [Home pages](home-pages.md) -- [Transaction insights](../../reference/entry-points.md#ontransaction) +- [Transaction insights](../transaction-insights.md) - [Signature insights](../signature-insights.md) +:::note +JSX is supported in MetaMask Extension and Flask version 12+. New UI components will be added as JSX components. The previous function-based library is deprecated. +::: + To use custom UI with JSX, first install [`@metamask/snaps-sdk`](https://github.com/MetaMask/snaps/tree/main/packages/snaps-sdk) using the following command: