From ec1527746148a2e10af9a2d223373f8e8823ac8d Mon Sep 17 00:00:00 2001
From: Bogdan Crisan <bogdan@crbl.studio>
Date: Tue, 15 Oct 2024 17:37:45 +0200
Subject: [PATCH 1/4] Replace 00 on home page

---
 .../components/pages/home/components/main-card/MainCard.tsx    | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/typescript/frontend/src/components/pages/home/components/main-card/MainCard.tsx b/src/typescript/frontend/src/components/pages/home/components/main-card/MainCard.tsx
index 0e763cdec..d730e6b85 100644
--- a/src/typescript/frontend/src/components/pages/home/components/main-card/MainCard.tsx
+++ b/src/typescript/frontend/src/components/pages/home/components/main-card/MainCard.tsx
@@ -13,6 +13,7 @@ import planetHome from "../../../../../../public/images/planet-home.png";
 import { emojiNamesToPath } from "utils/pathname-helpers";
 import { type HomePageProps } from "app/home/HomePage";
 import "./module.css";
+import { SYMBOL_DATA } from "@sdk/emoji_data";
 
 export interface MainCardProps {
   featured?: HomePageProps["featured"];
@@ -96,7 +97,7 @@ const MainCard = (props: MainCardProps) => {
         </Link>
 
         <Column maxWidth="100%" ellipsis>
-          <div className="pixel-heading-1 text-medium-gray pixel-heading-text">00</div>
+          <div className="flex flex-row"><span className="pixel-heading-1 text-medium-gray pixel-heading-text">HOT</span><span className="pixel-heading-2 pixel-heading-text mt-[.2rem]">{SYMBOL_DATA.byName("fire")?.emoji}</span></div>
           <div
             className="display-font-text ellipses font-forma-bold"
             title={(featured ? featured.market.symbolData.name : "BLACK HEART").toUpperCase()}

From 6fbc0ad672b8eb5d3a639ca18bdc2405c0b2e59b Mon Sep 17 00:00:00 2001
From: Bogdan Crisan <bogdan@crbl.studio>
Date: Wed, 23 Oct 2024 17:25:34 +0200
Subject: [PATCH 2/4] Select prefered design

---
 .../src/components/pages/home/components/main-card/MainCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/typescript/frontend/src/components/pages/home/components/main-card/MainCard.tsx b/src/typescript/frontend/src/components/pages/home/components/main-card/MainCard.tsx
index d730e6b85..dfaf2f90d 100644
--- a/src/typescript/frontend/src/components/pages/home/components/main-card/MainCard.tsx
+++ b/src/typescript/frontend/src/components/pages/home/components/main-card/MainCard.tsx
@@ -97,7 +97,7 @@ const MainCard = (props: MainCardProps) => {
         </Link>
 
         <Column maxWidth="100%" ellipsis>
-          <div className="flex flex-row"><span className="pixel-heading-1 text-medium-gray pixel-heading-text">HOT</span><span className="pixel-heading-2 pixel-heading-text mt-[.2rem]">{SYMBOL_DATA.byName("fire")?.emoji}</span></div>
+          <div className="flex flex-row"><span className="pixel-heading-1 text-medium-gray pixel-heading-text">HOT</span><span>&nbsp;</span><span className="pixel-heading-2 pixel-heading-text mt-[.2rem]">{SYMBOL_DATA.byName("fire")?.emoji}</span></div>
           <div
             className="display-font-text ellipses font-forma-bold"
             title={(featured ? featured.market.symbolData.name : "BLACK HEART").toUpperCase()}

From b0a68949d6e8c8f21dcfcd1d5e5eaf56b1b825c3 Mon Sep 17 00:00:00 2001
From: Bogdan Crisan <bogdan@crbl.studio>
Date: Thu, 24 Oct 2024 19:20:29 +0200
Subject: [PATCH 3/4] Run format

---
 .../pages/home/components/main-card/MainCard.tsx          | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/typescript/frontend/src/components/pages/home/components/main-card/MainCard.tsx b/src/typescript/frontend/src/components/pages/home/components/main-card/MainCard.tsx
index dfaf2f90d..4ddd86a4a 100644
--- a/src/typescript/frontend/src/components/pages/home/components/main-card/MainCard.tsx
+++ b/src/typescript/frontend/src/components/pages/home/components/main-card/MainCard.tsx
@@ -97,7 +97,13 @@ const MainCard = (props: MainCardProps) => {
         </Link>
 
         <Column maxWidth="100%" ellipsis>
-          <div className="flex flex-row"><span className="pixel-heading-1 text-medium-gray pixel-heading-text">HOT</span><span>&nbsp;</span><span className="pixel-heading-2 pixel-heading-text mt-[.2rem]">{SYMBOL_DATA.byName("fire")?.emoji}</span></div>
+          <div className="flex flex-row">
+            <span className="pixel-heading-1 text-medium-gray pixel-heading-text">HOT</span>
+            <span>&nbsp;</span>
+            <span className="pixel-heading-2 pixel-heading-text mt-[.2rem]">
+              {SYMBOL_DATA.byName("fire")?.emoji}
+            </span>
+          </div>
           <div
             className="display-font-text ellipses font-forma-bold"
             title={(featured ? featured.market.symbolData.name : "BLACK HEART").toUpperCase()}

From 3005113f05a652144eb02b973bfa37c831eefcdc Mon Sep 17 00:00:00 2001
From: Bogdan Crisan <bogdan@crbl.studio>
Date: Fri, 25 Oct 2024 09:06:09 +0200
Subject: [PATCH 4/4] Fix import

---
 .../components/pages/home/components/main-card/MainCard.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/typescript/frontend/src/components/pages/home/components/main-card/MainCard.tsx b/src/typescript/frontend/src/components/pages/home/components/main-card/MainCard.tsx
index 4ddd86a4a..24d99555f 100644
--- a/src/typescript/frontend/src/components/pages/home/components/main-card/MainCard.tsx
+++ b/src/typescript/frontend/src/components/pages/home/components/main-card/MainCard.tsx
@@ -13,7 +13,7 @@ import planetHome from "../../../../../../public/images/planet-home.png";
 import { emojiNamesToPath } from "utils/pathname-helpers";
 import { type HomePageProps } from "app/home/HomePage";
 import "./module.css";
-import { SYMBOL_DATA } from "@sdk/emoji_data";
+import { SYMBOL_EMOJI_DATA } from "@sdk/emoji_data";
 
 export interface MainCardProps {
   featured?: HomePageProps["featured"];
@@ -101,7 +101,7 @@ const MainCard = (props: MainCardProps) => {
             <span className="pixel-heading-1 text-medium-gray pixel-heading-text">HOT</span>
             <span>&nbsp;</span>
             <span className="pixel-heading-2 pixel-heading-text mt-[.2rem]">
-              {SYMBOL_DATA.byName("fire")?.emoji}
+              {SYMBOL_EMOJI_DATA.byName("fire")?.emoji}
             </span>
           </div>
           <div