fixed isPretty loading

ATXDAO · Feb 1, 2024 · 401aab3 · 401aab3
1 parent 0eb83c0
commit 401aab3
Show file tree

Hide file tree

Showing 7 changed files with 8 additions and 12 deletions.
diff --git a/packages/nextjs/app/rep-tokens-demo/_components/RepTokensDemo.tsx b/packages/nextjs/app/rep-tokens-demo/_components/RepTokensDemo.tsx
@@ -104,10 +104,10 @@ export function RepTokensDemo() {
 
   return (
     <>
-      <div className="space-y-5 flex flex-col justify-center items-center bg-primary bg-[length:100%_100%] py-1 px-5 sm:px-0 lg:py-auto max-w-[100vw] ">
+      <div className="py-5 space-y-5 flex flex-col justify-center items-center bg-primary bg-[length:100%_100%] py-1 px-5 sm:px-0 lg:py-auto max-w-[100vw] ">
         <BalanceCard props={balanceProps} />
-        <StringCard props={nameProps} />
         <ImageCard props={imageProps} />
+        <StringCard props={nameProps} />
         <StringCard props={descriptionsProps} />
         <StringCard props={isTradeableProps} />
         <StringCard props={maxMintAmountProps} />

diff --git a/packages/nextjs/app/rep-tokens-demo/_components/configs/MainTokensCardConfig.ts b/packages/nextjs/app/rep-tokens-demo/_components/configs/MainTokensCardConfig.ts
@@ -90,7 +90,7 @@ export const tokenCardConfigProps = {
 export const tokenGroupCardConfigProps = {
   isRendering: true,
   cardClasses: {
-    card: "rounded-lg bg-slate-900 flex flex-col items-center p-5",
+    card: "text-white rounded-lg bg-slate-900 flex flex-col items-center p-5",
     value: "rounded-lg bg-slate-800 flex justify-center p-5",
   },
   address: {

diff --git a/...s/nextjs/app/rep-tokens-demo/_components/configs/MainTokensCardWithNumberOverlayConfig.ts b/...s/nextjs/app/rep-tokens-demo/_components/configs/MainTokensCardWithNumberOverlayConfig.ts
@@ -90,7 +90,7 @@ export const tokenCardConfigProps = {
 export const tokenGroupCardConfigProps = {
   isRendering: true,
   cardClasses: {
-    card: "rounded-lg bg-slate-900 flex flex-col items-center p-5",
+    card: "text-white rounded-lg bg-slate-900 flex flex-col items-center p-5",
     value: "rounded-lg bg-slate-800 flex justify-center p-5",
   },
   address: {

diff --git a/packages/nextjs/app/rep-tokens-demo/_components/configs/NavBarCardConfig.ts b/packages/nextjs/app/rep-tokens-demo/_components/configs/NavBarCardConfig.ts
@@ -40,7 +40,7 @@ export const tokenCardConfigProps = {
 export const tokenGroupCardConfigProps = {
   isRendering: true,
   cardClasses: {
-    card: "rounded-lg bg-slate-900 flex flex-col items-center p-5",
+    card: "text-white rounded-lg bg-slate-900 flex flex-col items-center p-5",
     value: "rounded-lg bg-slate-800 flex justify-center p-5",
   },
   address: {

diff --git a/packages/nextjs/app/rep-tokens-demo/_components/configs/values/ImageCardConfig.ts b/packages/nextjs/app/rep-tokens-demo/_components/configs/values/ImageCardConfig.ts
@@ -4,7 +4,7 @@ import { ImageValueCardConfigProp } from "~~/components/rep-tokens/types/Types";
 export const imageConfigProps = {
   isRendering: true,
   classes: {
-    card: "w-64 rounded-lg bg-cyan-300  p-1",
+    card: "text-black w-64 rounded-lg bg-cyan-300  p-1",
     value: "rounded-lg mx-auto",
   },
   imageProperties: new ImageProps("Token", 256, 256),

diff --git a/packages/nextjs/components/rep-tokens/cards/value-cards/BalanceCard.tsx b/packages/nextjs/components/rep-tokens/cards/value-cards/BalanceCard.tsx
@@ -21,6 +21,8 @@ export const BalanceCard = ({ props }: BigIntCardPropsInternal) => {
     ? (output = Number(props?.value))
     : (output = 0);
 
+  console.log(output);
+
   return (
     <div className={props?.classes?.card}>
       <p className={props?.classes?.value}>{output}</p>

diff --git a/packages/nextjs/components/rep-tokens/utils/buildTokensCard.tsx b/packages/nextjs/components/rep-tokens/utils/buildTokensCard.tsx
@@ -25,8 +25,6 @@ export function buildTokenGroupCard(config: TokenGroupCardConfigProps, tokenCard
 }
 
 export function buildBalanceCard(value?: bigint, configProps?: ValueCardConfigProps) {
-  if (!value) return {} as BigIntCardProps;
-
   return (
     configProps?.isRendering
       ? {
@@ -39,8 +37,6 @@ export function buildBalanceCard(value?: bigint, configProps?: ValueCardConfigPr
 }
 
 export function buildStringCard(value?: string, configProps?: ValueCardConfigProps) {
-  if (!value) return {} as StringCardProps;
-
   return (
     configProps?.isRendering
       ? {
@@ -53,8 +49,6 @@ export function buildStringCard(value?: string, configProps?: ValueCardConfigPro
 }
 
 export function buildImageCard(value?: string, configProps?: ImageValueCardConfigProp) {
-  if (!value) return {} as ImageCardProps;
-
   return (
     configProps?.isRendering
       ? {