feat: using vanilla-extract on NeoChip

signum-network · Nov 30, 2023 · 4a51de3 · 4a51de3
1 parent 9b2f0e3
commit 4a51de3
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 41 deletions.
diff --git a/neo-page/src/components/NeoChip/NeoChip.css.ts b/neo-page/src/components/NeoChip/NeoChip.css.ts
@@ -9,6 +9,7 @@ export const neoChip = style({
 })
 
 export const frame = style({
+  // @ts-expect-error special arwes css
   "[data-name=bg]" : { color: "hsl(180, 75%, 10%)" },
   "[data-name=line]" : { color: "hsl(180, 75%, 50%)"},
 })
diff --git a/neo-page/src/components/NeoChipOld.tsx b/neo-page/src/components/NeoChipOld.tsx
diff --git a/neo-page/src/home/sections/Stats/index.tsx b/neo-page/src/home/sections/Stats/index.tsx
@@ -1,4 +1,4 @@
-import { NeoChipOld } from "@/components/NeoChipOld.tsx";
+import { NeoChip } from "@/components/NeoChip";
 import { theme } from "@/utils/theme";
 import { KpiCard } from "./components/KpiCard";
 
@@ -12,7 +12,7 @@ export const Stats = () => {
           gap: "1rem",
         }}
       >
-        <NeoChipOld label="Stats" />
+        <NeoChip label="Stats" />
         <span style={{ color: theme.colors.warning.deco(30) }}>
           Since Genesis Block. 2014
         </span>

diff --git a/neo-page/src/home/sections/ThirdPartyApps/index.tsx b/neo-page/src/home/sections/ThirdPartyApps/index.tsx
@@ -1,12 +1,11 @@
-import { NeoChipOld } from "@/components/NeoChipOld.tsx";
+import { NeoChip } from "@/components/NeoChip";
 import { AppCard } from "./components/AppCard";
-import { ThirdPartyApp } from "./types";
 
 export const ThirdPartyApps = () => {
   return (
     <section className="default-container">
       <div style={{ display: "flex" }}>
-        <NeoChipOld label="Third Party Apps" />
+        <NeoChip label="Third Party Apps" />
       </div>
 
       <div

diff --git a/neo-page/src/home/sections/Wikis/index.tsx b/neo-page/src/home/sections/Wikis/index.tsx
@@ -1,11 +1,11 @@
-import { NeoChipOld } from "@/components/NeoChipOld.tsx";
+import { NeoChip } from "@/components/NeoChip";
 import { WikiCard } from "./components/WikiCard";
 
 export const Wikis = () => {
   return (
     <section className="default-container">
       <div style={{ display: "flex" }}>
-        <NeoChipOld label="Wikis" />
+        <NeoChip label="Wikis" />
       </div>
 
       <div className="default-cards-container">