From 2ea4d8c5f75842b7c40d2c72e8f526010f842067 Mon Sep 17 00:00:00 2001
From: adalberto martell <amartell@mparticle.com>
Date: Tue, 4 Feb 2025 15:10:24 -0300
Subject: [PATCH] feat: add state icons

---
 src/assets/svg/mp_info_lt_state-empty.svg      | 10 ++++++++++
 src/assets/svg/mp_info_lt_state-error.svg      |  8 ++++++++
 src/assets/svg/mp_info_lt_state-no-results.svg |  7 +++++++
 src/components/icons/index.ts                  |  6 ++++++
 src/constants/Icons.ts                         | 15 +++++++++++++++
 src/types/icons.ts                             |  3 +++
 6 files changed, 49 insertions(+)
 create mode 100644 src/assets/svg/mp_info_lt_state-empty.svg
 create mode 100644 src/assets/svg/mp_info_lt_state-error.svg
 create mode 100644 src/assets/svg/mp_info_lt_state-no-results.svg

diff --git a/src/assets/svg/mp_info_lt_state-empty.svg b/src/assets/svg/mp_info_lt_state-empty.svg
new file mode 100644
index 000000000..d6c52aca7
--- /dev/null
+++ b/src/assets/svg/mp_info_lt_state-empty.svg
@@ -0,0 +1,10 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+<path d="M15,3.1l3,5.2l-2.8,1.6l-3-5.2L15,3.1L15,3.1z M11.8,5.9l2.1,3.6l-1.2,0.6c-0.4-0.7-1.2-1.2-2.1-1.2C9.1,8.9,8,10.1,8,11.4
+	c0,0.4,0.1,0.7,0.2,1.1l-3,1.6c0,0,0,0,0,0l0,0l0,0h0c0,0,0,0,0,0l0,0l0,0l-1.7-2.9c0,0,0,0,0,0l0,0v0c0,0,0,0,0,0l0,0l0,0L11.8,5.9
+	z M14.3,10.3L14.3,10.3c0.3,0.5,0.9,0.7,1.4,0.4l2.8-1.6c0.5-0.3,0.6-0.9,0.4-1.4l-3-5.2c-0.3-0.5-0.9-0.6-1.4-0.4l-2.8,1.6
+	c-0.4,0.3-0.6,0.8-0.4,1.3L3,10.3c-0.5,0.3-0.6,0.9-0.3,1.3l1.7,3c0.3,0.5,0.9,0.6,1.3,0.4l3-1.6l-1.7,3.9c-0.1,0.3,0,0.5,0.3,0.7
+	c0.3,0.1,0.5,0,0.7-0.3l1.7-3.9c0.3,0.1,0.6,0.2,0.9,0.2c0.3,0,0.6-0.1,0.9-0.2l1.7,3.9c0.1,0.3,0.4,0.4,0.7,0.3
+	c0.3-0.1,0.4-0.4,0.3-0.7l-1.7-4c0.5-0.5,0.8-1.1,0.8-1.8c0-0.1,0-0.3,0-0.4L14.3,10.3L14.3,10.3z M10.5,9.9c0.8,0,1.5,0.7,1.5,1.5
+	c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5C9,10.6,9.7,9.9,10.5,9.9z M1.9,12.9c-0.1-0.2-0.4-0.3-0.7-0.2s-0.3,0.4-0.2,0.7
+	l1,1.7c0.1,0.2,0.4,0.3,0.7,0.2c0.2-0.1,0.3-0.4,0.2-0.7C2.9,14.7,1.9,12.9,1.9,12.9z"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/svg/mp_info_lt_state-error.svg b/src/assets/svg/mp_info_lt_state-error.svg
new file mode 100644
index 000000000..10514a273
--- /dev/null
+++ b/src/assets/svg/mp_info_lt_state-error.svg
@@ -0,0 +1,8 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+<path d="M8,3C7.7,3,7.3,3.1,7.1,3.4L3.4,7.1C3.1,7.3,3,7.7,3,8v4c0,0.3,0.1,0.7,0.4,0.9l-0.7,0.7C2.2,13.2,2,12.6,2,12V8
+	c0-0.6,0.2-1.2,0.7-1.6l3.7-3.7C6.8,2.2,7.4,2,8,2h4c0.6,0,1.2,0.2,1.6,0.7l3.7,3.7C17.8,6.8,18,7.4,18,8v4c0,0.6-0.2,1.2-0.7,1.6
+	l-3.7,3.7c-0.4,0.4-1,0.7-1.6,0.7H8c-0.6,0-1.2-0.2-1.6-0.7l-3.7-3.7l0.7-0.7l3.7,3.7C7.3,16.9,7.7,17,8,17h4c0.3,0,0.7-0.1,0.9-0.4
+	l3.7-3.7c0.2-0.2,0.4-0.6,0.4-0.9V8c0-0.3-0.1-0.7-0.4-0.9l-3.7-3.7C12.7,3.1,12.3,3,12,3H8z M10,6c0.3,0,0.5,0.2,0.5,0.5v4
+	c0,0.3-0.2,0.5-0.5,0.5s-0.5-0.2-0.5-0.5v-4C9.5,6.2,9.7,6,10,6z M9.2,13c0-0.4,0.3-0.8,0.8-0.8s0.8,0.3,0.8,0.8
+	c0,0.4-0.3,0.8-0.8,0.8S9.2,13.4,9.2,13z"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/svg/mp_info_lt_state-no-results.svg b/src/assets/svg/mp_info_lt_state-no-results.svg
new file mode 100644
index 000000000..9d21144c7
--- /dev/null
+++ b/src/assets/svg/mp_info_lt_state-no-results.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+<path d="M3,15v-2.8c0-0.1,0-0.2,0-0.2v0h3.2l0.7,1.4C7.1,13.8,7.4,14,7.8,14h4.4c0.4,0,0.7-0.2,0.9-0.6l0.7-1.4H17v0
+	c0,0.1,0,0.2,0,0.2V15c0,0.6-0.4,1-1,1H4C3.4,16,3,15.6,3,15z M16.7,11h-2.9c-0.4,0-0.7,0.2-0.9,0.6L12.2,13H7.8l-0.7-1.4
+	C6.9,11.2,6.6,11,6.2,11H3.3l1.6-6.2C5,4.3,5.4,4,5.8,4h8.4c0.5,0,0.9,0.3,1,0.8L16.7,11z M2,12.2V15c0,1.1,0.9,2,2,2h12
+	c1.1,0,2-0.9,2-2v-2.8c0-0.2,0-0.3-0.1-0.5l-1.8-7.2c-0.2-0.9-1-1.5-1.9-1.5H5.8C4.9,3,4.1,3.6,3.9,4.5l-1.8,7.2
+	C2,11.9,2,12.1,2,12.2z"></path>
+</svg>
\ No newline at end of file
diff --git a/src/components/icons/index.ts b/src/components/icons/index.ts
index 110f99430..dd77e1b5e 100644
--- a/src/components/icons/index.ts
+++ b/src/components/icons/index.ts
@@ -91,6 +91,9 @@ import Copy from 'src/assets/svg/mp_act_lt_copy.svg?react'
 import MoreActions from 'src/assets/svg/mp_act_lt_more-actions.svg?react'
 import AbSplit from 'src/assets/svg/mp_info_lt_ab-split.svg?react'
 import BannerFreemium from 'src/assets/svg/mp_info_dt_sampled.svg?react'
+import StateEmpty from 'src/assets/svg/mp_info_lt_state-empty.svg?react'
+import StateError from 'src/assets/svg/mp_info_lt_state-error.svg?react'
+import StateNoResults from 'src/assets/svg/mp_info_lt_state-no-results.svg?react'
 
 export {
   AbSplit,
@@ -186,4 +189,7 @@ export {
   ZoomIn,
   ZoomOut,
   BannerFreemium,
+  StateEmpty,
+  StateError,
+  StateNoResults,
 }
diff --git a/src/constants/Icons.ts b/src/constants/Icons.ts
index 21cc1a1b6..7f2b0411c 100644
--- a/src/constants/Icons.ts
+++ b/src/constants/Icons.ts
@@ -94,6 +94,9 @@ import {
   MoreActions,
   AbSplit,
   BannerFreemium,
+  StateEmpty,
+  StateError,
+  StateNoResults,
 } from 'src/components/icons'
 
 export const Icons: Record<IconNames, IconOptions> = {
@@ -560,4 +563,16 @@ export const Icons: Record<IconNames, IconOptions> = {
     'duo-tone': BannerFreemium,
     default: 'duo-tone',
   },
+  stateEmpty: {
+    light: StateEmpty,
+    default: 'light',
+  },
+  stateError: {
+    light: StateError,
+    default: 'light',
+  },
+  stateNoResults: {
+    light: StateNoResults,
+    default: 'light',
+  },
 } as const
diff --git a/src/types/icons.ts b/src/types/icons.ts
index f4c09e8d9..ec5fc5ac5 100644
--- a/src/types/icons.ts
+++ b/src/types/icons.ts
@@ -125,3 +125,6 @@ export type IconNames =
   | 'zoomIn'
   | 'zoomOut'
   | 'bannerFreemium'
+  | 'stateEmpty'
+  | 'stateError'
+  | 'stateNoResults'