From 53671cfe4af8a00f66147e20eedfa71e0da7973f Mon Sep 17 00:00:00 2001 From: Ben Goldberger Date: Tue, 17 Dec 2024 19:42:59 -0800 Subject: [PATCH] Add an invite screen for new issuers in the issuer playground (#14419) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ### TL;DR Added an empty state invitation card for users who haven't created any tokens yet. ### What changed? - Created a new invitation card component that displays when users have no tokens - Added new icons: Entity, Snowflake, and Spark - Implemented styled components for the invitation card layout - Added feature list highlighting native Spark & Bitcoin issuance and real-time capabilities ![Screenshot 2024-12-16 at 10.52.26 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/qbk4MC9UEe4Hag2DEFmX/f903bb3c-5579-4cf7-9365-d61fa94fe1ff.png) GitOrigin-RevId: 0dd6fed42ab6ed394b7a9875a16600c4670085b7 --- packages/ui/src/icons/Entity.tsx | 50 +++++++++++++++++++++++++++++ packages/ui/src/icons/Snowflake.tsx | 18 +++++++++++ packages/ui/src/icons/Spark.tsx | 16 +++++++++ packages/ui/src/icons/index.tsx | 3 ++ 4 files changed, 87 insertions(+) create mode 100644 packages/ui/src/icons/Entity.tsx create mode 100644 packages/ui/src/icons/Snowflake.tsx create mode 100644 packages/ui/src/icons/Spark.tsx diff --git a/packages/ui/src/icons/Entity.tsx b/packages/ui/src/icons/Entity.tsx new file mode 100644 index 00000000..a39c0e22 --- /dev/null +++ b/packages/ui/src/icons/Entity.tsx @@ -0,0 +1,50 @@ +export function Entity() { + return ( + + + + + + + + + + + + ); +} diff --git a/packages/ui/src/icons/Snowflake.tsx b/packages/ui/src/icons/Snowflake.tsx new file mode 100644 index 00000000..389d2d1f --- /dev/null +++ b/packages/ui/src/icons/Snowflake.tsx @@ -0,0 +1,18 @@ +export function Snowflake() { + return ( + + + + ); +} diff --git a/packages/ui/src/icons/Spark.tsx b/packages/ui/src/icons/Spark.tsx new file mode 100644 index 00000000..969c16e6 --- /dev/null +++ b/packages/ui/src/icons/Spark.tsx @@ -0,0 +1,16 @@ +export function Spark() { + return ( + + + + ); +} diff --git a/packages/ui/src/icons/index.tsx b/packages/ui/src/icons/index.tsx index 80edb812..4661295c 100644 --- a/packages/ui/src/icons/index.tsx +++ b/packages/ui/src/icons/index.tsx @@ -50,6 +50,7 @@ export { DollarManropeSmall } from "./DollarManropeSmall.js"; export { DotGrid1x3Horizontal } from "./DotGrid1x3Horizontal.js"; export { Download } from "./Download.js"; export { EmailPlus } from "./EmailPlus.js"; +export { Entity } from "./Entity.js"; export { Envelope } from "./Envelope.js"; export { EnvelopePlus } from "./EnvelopePlus.js"; export { ExclamationPoint } from "./ExclamationPoint.js"; @@ -122,7 +123,9 @@ export { Share } from "./Share.js"; export { ShieldCheck } from "./ShieldCheck.js"; export { ShieldCheckLite } from "./ShieldCheckLite.js"; export { Sidebar } from "./Sidebar.js"; +export { Snowflake } from "./Snowflake.js"; export { Sort } from "./Sort.js"; +export { Spark } from "./Spark.js"; export { SparklesSoft } from "./SparklesSoft.js"; export { StackedLines } from "./StackedLines.js"; export { SwiftTwoTone } from "./SwiftTwoTone.js";