diff --git a/packages/nextjs/app/rep-tokens-demo/_components/RepTokensDemo.tsx b/packages/nextjs/app/rep-tokens-demo/_components/RepTokensDemo.tsx index 0985e11..23a5fd0 100644 --- a/packages/nextjs/app/rep-tokens-demo/_components/RepTokensDemo.tsx +++ b/packages/nextjs/app/rep-tokens-demo/_components/RepTokensDemo.tsx @@ -1,18 +1,6 @@ "use client"; -// import { tokenCardConfigProps as singleCardConfig } from "./configs/SingleCardConfig"; -// import { balanceConfigProps } from "./configs/values/BalanceCardConfig"; -// import { descriptionConfigProps } from "./configs/values/DescriptionCardConfig"; -// import { imageConfigProps } from "./configs/values/ImageCardConfig"; -// import { isRedeemableConfigProps } from "./configs/values/IsRedeemableCardConfig"; -// import { isSoulboundConfigProps } from "./configs/values/IsSoulboundCardConfig"; -// import { maxMintAmountConfigProps } from "./configs/values/MaxMintAmountCardConfig"; -// import { nameConfigProps } from "./configs/values/NameCardConfig"; import { useAccount } from "wagmi"; -// import { tokenGroupCardConfigProps as mainTokenGroupCardConfigProps } from "~~/app/rep-tokens-demo/_components/configs/MainTokensCardConfig"; -// import { tokenGroupCardConfigProps as mainTokenGroupOverlayCardConfigProps } from "~~/app/rep-tokens-demo/_components/configs/MainTokensCardWithNumberOverlayConfig"; -// import { tokenGroupCardConfigProps as navBarTokenGroupConfigProps } from "~~/app/rep-tokens-demo/_components/configs/NavBarCardConfig"; -// import { BalanceImageOverlay } from "~~/components/rep-tokens/cards/stylized-cards/BalanceImageOverlay"; import { StylizedAddressCard } from "~~/components/rep-tokens/cards/stylized-cards/StylizedAddressCard"; import { StylizedBalanceCard } from "~~/components/rep-tokens/cards/stylized-cards/StylizedBalanceCard"; import { StylizedImageCard } from "~~/components/rep-tokens/cards/stylized-cards/StylizedImageCard"; @@ -22,34 +10,10 @@ import { ReputationComponent, StylizedTokenGroupCard, } from "~~/components/rep-tokens/cards/stylized-cards/StylizedTokenGroupCard"; -// import { TokenCard } from "~~/components/rep-tokens/cards/token-card/TokenCard"; -// import { TokenGroupCard } from "~~/components/rep-tokens/cards/token-group-card/TokenGroupCard"; -// import { BalanceCard } from "~~/components/rep-tokens/cards/value-cards/BalanceCard"; -// import { ImageCard } from "~~/components/rep-tokens/cards/value-cards/ImageCard"; -// import { StringCard } from "~~/components/rep-tokens/cards/value-cards/StringCard"; import { useRepTokens } from "~~/components/rep-tokens/hooks/Hooks"; -// import { -// buildBalanceCard, -// buildImageCard, -// buildStringCard, -// buildTokenCard, -// buildTokenCards, -// buildTokenGroupCard, -// } from "~~/components/rep-tokens/utils/buildTokensCard"; -// import { Address } from "~~/components/scaffold-eth"; -import { - useScaffoldContract, - /*useScaffoldContractRead,*/ - useScaffoldContractWrite, -} from "~~/hooks/scaffold-eth"; - -// import { loadBurnerSK } from "~~/hooks/scaffold-eth"; +import { useScaffoldContract, useScaffoldContractWrite } from "~~/hooks/scaffold-eth"; export function RepTokensDemo() { - ////// - ////// Data Gathering - ///// - const { address } = useAccount(); const { tokensData } = useRepTokens(address); @@ -57,90 +21,6 @@ export function RepTokensDemo() { tokensData.tokens[i].image = tokensData.tokens[i].image?.replace("ipfs://", "https://ipfs.io/ipfs/"); } - // ////// - // ////// Card Creation - // ///// - - // // Multi-card - // const mainTokenCards = buildTokenCards( - // tokensData.tokens, - // tokensData.address, - // mainTokenGroupCardConfigProps.tokenCardConfigProps, - // ); - // const mainTokenGroupCardProps = buildTokenGroupCard( - // mainTokenGroupCardConfigProps, - // mainTokenCards, - // tokensData.address, - // ); - - // if (mainTokenGroupCardConfigProps.address?.isRendering) { - // mainTokenGroupCardProps.addressOutput =
; - // } - - // // Multi-card with overlay - // const mainTokensOverlayCards = buildTokenCards( - // tokensData.tokens, - // tokensData.address, - // mainTokenGroupOverlayCardConfigProps.tokenCardConfigProps, - // ); - - // const mainTokenGroupOverlayCardProps = buildTokenGroupCard( - // mainTokenGroupOverlayCardConfigProps, - // mainTokensOverlayCards, - // tokensData.address, - // ); - - // if (mainTokenGroupOverlayCardConfigProps.address?.isRendering) { - // mainTokenGroupOverlayCardProps.addressOutput =
; - // } - - // // Widget - // const navBarTokenCards = buildTokenCards( - // tokensData.tokens, - // tokensData.address, - // navBarTokenGroupConfigProps.tokenCardConfigProps, - // ); - // const navBarTokenGroupCardProps = buildTokenGroupCard( - // navBarTokenGroupConfigProps, - // navBarTokenCards, - // tokensData.address, - // ); - - // if (navBarTokenGroupConfigProps.address?.isRendering) { - // navBarTokenGroupCardProps.addressOutput =
; - // } - - // // Single Card - // const singleCard = buildTokenCard(tokensData?.tokens[0], tokensData.address, singleCardConfig); - - // // Individual Components - // const balanceProps = buildBalanceCard(tokensData?.tokens[0]?.balance, balanceConfigProps); - // const nameProps = buildStringCard(tokensData?.tokens[0]?.name, nameConfigProps); - // const descriptionsProps = buildStringCard(tokensData?.tokens[0]?.description, descriptionConfigProps); - // const imageProps = buildImageCard(tokensData?.tokens[0]?.image, imageConfigProps); - // // const addressProps = buildStringCard(tokensData?.address, addressConfigProps); - - // const isSoulboundProps = buildStringCard( - // tokensData?.tokens[0]?.properties?.isSoulbound !== undefined - // ? `Is Soulbound: ${tokensData?.tokens[0]?.properties.isSoulbound}` - // : undefined, - // isSoulboundConfigProps, - // ); - - // const isRedeemableProps = buildStringCard( - // tokensData?.tokens[0]?.properties?.isRedeemable !== undefined - // ? `Is Redeemable: ${tokensData?.tokens[0]?.properties.isRedeemable}` - // : undefined, - // isRedeemableConfigProps, - // ); - - // const maxMintAmountProps = buildStringCard( - // tokensData?.tokens[0]?.properties?.maxMintAmountPerTx !== undefined - // ? `Max Mint Amount Per Tx: ${tokensData?.tokens[0]?.properties.maxMintAmountPerTx}` - // : undefined, - // maxMintAmountConfigProps, - // ); - const { writeAsync: claim } = useScaffoldContractWrite({ contractName: "ReputationFaucet", functionName: "claim", @@ -154,37 +34,6 @@ export function RepTokensDemo() { faucetTokensData.tokens[i].image = faucetTokensData.tokens[i].image?.replace("ipfs://", "https://ipfs.io/ipfs/"); } - // const { data: balanceOf0 } = useScaffoldContractRead({ - // contractName: "ReputationTokensStandalone", - // functionName: "balanceOf", - // args: [faucet?.address, BigInt(0)], - // }); - - // const { data: balanceOf1 } = useScaffoldContractRead({ - // contractName: "ReputationTokensStandalone", - // functionName: "balanceOf", - // args: [faucet?.address, BigInt(1)], - // }); - - // const { data: balanceOf2 } = useScaffoldContractRead({ - // contractName: "ReputationTokensStandalone", - // functionName: "balanceOf", - // args: [faucet?.address, BigInt(2)], - // }); - - // const output = ( - // <> - // {props?.valuesProps?.balanceProps ? : <>} - // {props?.valuesProps?.imageProps ? : <>} - // {props?.valuesProps?.nameProps ? : <>} - // {props?.valuesProps?.descriptionProps ? : <>} - // {props?.valuesProps?.addressProps ?
: <>} - // {props?.valuesProps?.isRedeemableProps ? : <>} - // {props?.valuesProps?.isSoulboundProps ? : <>} - // {props?.valuesProps?.maxMintAmountProps ? : <>} - // - // ); - const mainComponents: ReputationComponent[] = [ "Balance", "Image", diff --git a/packages/nextjs/app/rep-tokens-demo/_components/configs/MainTokensCardConfig.ts b/packages/nextjs/app/rep-tokens-demo/_components/configs/MainTokensCardConfig.ts deleted file mode 100644 index 7a9b117..0000000 --- a/packages/nextjs/app/rep-tokens-demo/_components/configs/MainTokensCardConfig.ts +++ /dev/null @@ -1,110 +0,0 @@ -import { ImageProps } from "../../../../components/rep-tokens/cards/value-cards/ImageCard"; -import { - ImageValueCardConfigProp, - TokenCardConfigProps, - TokenCardValuesConfigProps, - ValueCardConfigProps, -} from "../../../../components/rep-tokens/types/Types"; -import { TokenGroupCardConfigProps } from "../../../../components/rep-tokens/types/Types"; - -export const balanceConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-slate-300", - value: "text-4xl mx-auto text-center text-black", - }, -} as ValueCardConfigProps; - -export const imageConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-slate-300 p-1", - value: "rounded-lg mx-auto", - }, - imageProperties: new ImageProps("Token", 256, 256), -} as ImageValueCardConfigProp; - -export const nameConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-slate-300", - value: "text-1xl text-center object-center mx-auto font-bold break-all text-black", - }, -} as ValueCardConfigProps; - -export const descriptionConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-slate-300", - value: "text-1xl mx-auto text-center break-words text-black", - }, -} as ValueCardConfigProps; - -export const addressConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg flex items-center justify-center bg-slate-300", - value: " ml-1.5 text-base font-normal text-cyan-800", - }, -} as ValueCardConfigProps; - -export const isSoulboundConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-slate-300 ", - value: "text-1xl text-center object-center mx-auto font-bold break-all text-black", - }, -} as ValueCardConfigProps; - -export const isRedeemableConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-slate-300 ", - value: "text-1xl text-center object-center mx-auto font-bold break-all text-black", - }, -} as ValueCardConfigProps; - -export const maxMintAmountConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-slate-300", - value: "text-1xl text-center object-center mx-auto font-bold text-black", - }, -} as ValueCardConfigProps; - -export const tokenCardValuesProps = { - balanceConfigProps, - imageConfigProps, - nameConfigProps, - descriptionConfigProps, - addressConfigProps, - isSoulboundConfigProps, - isRedeemableConfigProps, - maxMintAmountConfigProps, -} as TokenCardValuesConfigProps; - -export const tokenCardConfigProps = { - isRendering: true, - cardClasses: "rounded-lg bg-slate-600 p-5 m-4 w-64", - valuesProps: tokenCardValuesProps, -} as TokenCardConfigProps; - -export const tokenGroupCardConfigProps = { - isRendering: true, - cardClasses: { - 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: { - isRendering: true, - classes: { - card: "rounded-lg my-5 flex items-center justify-center bg-slate-300", - value: "rounded-lg ml-1.5 text-base font-normal text-cyan-800", - }, - } as ValueCardConfigProps, - isPrettyLoading: { - classes: "text-black text-center text-white", - message: "Loading Tokens...", - }, - tokenCardConfigProps, -} as TokenGroupCardConfigProps; diff --git a/packages/nextjs/app/rep-tokens-demo/_components/configs/MainTokensCardWithNumberOverlayConfig.ts b/packages/nextjs/app/rep-tokens-demo/_components/configs/MainTokensCardWithNumberOverlayConfig.ts deleted file mode 100644 index 4546f1f..0000000 --- a/packages/nextjs/app/rep-tokens-demo/_components/configs/MainTokensCardWithNumberOverlayConfig.ts +++ /dev/null @@ -1,110 +0,0 @@ -import { ImageProps } from "../../../../components/rep-tokens/cards/value-cards/ImageCard"; -import { - ImageValueCardConfigProp, - TokenCardConfigProps, - TokenCardValuesConfigProps, - ValueCardConfigProps, -} from "../../../../components/rep-tokens/types/Types"; -import { TokenGroupCardConfigProps } from "../../../../components/rep-tokens/types/Types"; - -export const balanceConfigProps = { - isRendering: true, - classes: { - card: "absolute top-1/4 left-1/2 transform -translate-x-1/2 -translate-y-1/2", - value: "text-9xl mx-auto text-center text-black", - }, -} as ValueCardConfigProps; - -export const imageConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-slate-300 p-1", - value: "rounded-lg mx-auto", - }, - imageProperties: new ImageProps("Token", 256, 256), -} as ImageValueCardConfigProp; - -export const nameConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-slate-300", - value: "text-1xl text-center object-center mx-auto font-bold break-all text-black", - }, -} as ValueCardConfigProps; - -export const descriptionConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-slate-300", - value: "text-1xl mx-auto text-center break-words text-black", - }, -} as ValueCardConfigProps; - -export const addressConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg flex items-center justify-center bg-slate-300", - value: "ml-1.5 text-base font-normal text-cyan-800", - }, -} as ValueCardConfigProps; - -export const isSoulboundConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-slate-300 ", - value: "text-1xl text-center object-center mx-auto font-bold break-all text-black", - }, -} as ValueCardConfigProps; - -export const isRedeemableConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-slate-300 ", - value: "text-1xl text-center object-center mx-auto font-bold break-all text-black", - }, -} as ValueCardConfigProps; - -export const maxMintAmountConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-slate-300", - value: "text-1xl text-center object-center mx-auto font-bold text-black", - }, -} as ValueCardConfigProps; - -export const tokenCardValuesProps = { - balanceConfigProps, - imageConfigProps, - nameConfigProps, - descriptionConfigProps, - addressConfigProps, - isSoulboundConfigProps, - isRedeemableConfigProps, - maxMintAmountConfigProps, -} as TokenCardValuesConfigProps; - -export const tokenCardConfigProps = { - isRendering: true, - cardClasses: "rounded-lg bg-slate-600 p-5 m-4 relative w-64", - valuesProps: tokenCardValuesProps, -} as TokenCardConfigProps; - -export const tokenGroupCardConfigProps = { - isRendering: true, - cardClasses: { - 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: { - isRendering: true, - classes: { - card: "rounded-lg my-5 flex items-center justify-center bg-slate-300", - value: "ml-1.5 text-base font-normal text-cyan-800", - }, - } as ValueCardConfigProps, - tokenCardConfigProps, - isPrettyLoading: { - classes: "text-black text-center text-white", - message: "Loading Tokens...", - }, -} as TokenGroupCardConfigProps; diff --git a/packages/nextjs/app/rep-tokens-demo/_components/configs/NavBarCardConfig.ts b/packages/nextjs/app/rep-tokens-demo/_components/configs/NavBarCardConfig.ts deleted file mode 100644 index 3e7e5ce..0000000 --- a/packages/nextjs/app/rep-tokens-demo/_components/configs/NavBarCardConfig.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { ImageProps } from "../../../../components/rep-tokens/cards/value-cards/ImageCard"; -import { - ImageValueCardConfigProp, - TokenCardConfigProps, - TokenCardValuesConfigProps, - ValueCardConfigProps, -} from "../../../../components/rep-tokens/types/Types"; -import { TokenGroupCardConfigProps } from "../../../../components/rep-tokens/types/Types"; - -export const balanceConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2", - value: "text-4xl mx-auto text-center text-black", - }, -} as ValueCardConfigProps; - -export const imageConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-slate-300 p-1", - value: "rounded mx-auto", - }, - imageProperties: new ImageProps("Token", 120, 120), -} as ImageValueCardConfigProp; - -export const tokenCardValuesProps = { - balanceConfigProps, - imageConfigProps, -} as TokenCardValuesConfigProps; - -export const tokenCardConfigProps = { - isRendering: true, - cardClasses: "rounded-lg bg-slate-600 px-1 py-1 relative w-20 ", - valuesProps: tokenCardValuesProps, -} as TokenCardConfigProps; - -export const tokenGroupCardConfigProps = { - isRendering: true, - cardClasses: { - 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", - }, - - isPrettyLoading: { - classes: "text-black text-center text-white", - message: "Loading Tokens...", - }, - tokenCardConfigProps, -} as TokenGroupCardConfigProps; diff --git a/packages/nextjs/app/rep-tokens-demo/_components/configs/SingleCardConfig.ts b/packages/nextjs/app/rep-tokens-demo/_components/configs/SingleCardConfig.ts deleted file mode 100644 index a3e8a40..0000000 --- a/packages/nextjs/app/rep-tokens-demo/_components/configs/SingleCardConfig.ts +++ /dev/null @@ -1,93 +0,0 @@ -import { ImageProps } from "../../../../components/rep-tokens/cards/value-cards/ImageCard"; -import { - ImageValueCardConfigProp, - TokenCardConfigProps, - TokenCardValuesConfigProps, - ValueCardConfigProps, -} from "../../../../components/rep-tokens/types/Types"; - -export const balanceConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-red-300", - value: "text-4xl mx-auto text-center text-black", - }, -} as ValueCardConfigProps; - -export const imageConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-cyan-300 p-1", - value: "rounded-lg mx-auto", - }, - imageProperties: new ImageProps("Token", 256, 256), -} as ImageValueCardConfigProp; - -export const nameConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-lime-300", - value: "text-1xl text-center object-center mx-auto font-bold break-all text-black", - }, -} as ValueCardConfigProps; - -export const descriptionConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-violet-300", - value: "text-1xl mx-auto text-center break-words text-black", - }, -} as ValueCardConfigProps; - -export const addressConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg flex items-center justify-center bg-pink-300", - value: " ml-1.5 text-base font-normal text-cyan-800", - }, -} as ValueCardConfigProps; - -export const isSoulboundConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-slate-300 ", - value: "text-1xl text-center object-center mx-auto font-bold break-all text-black", - }, -} as ValueCardConfigProps; - -export const isRedeemableConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-slate-300 ", - value: "text-1xl text-center object-center mx-auto font-bold break-all text-black", - }, -} as ValueCardConfigProps; - -export const maxMintAmountConfigProps = { - isRendering: true, - classes: { - card: "rounded-lg bg-teal-300", - value: "text-1xl text-center object-center mx-auto font-bold text-black", - }, -} as ValueCardConfigProps; - -export const tokenCardValuesProps = { - balanceConfigProps, - imageConfigProps, - nameConfigProps, - descriptionConfigProps, - addressConfigProps, - isSoulboundConfigProps, - isRedeemableConfigProps, - maxMintAmountConfigProps, -} as TokenCardValuesConfigProps; - -export const tokenCardConfigProps = { - isRendering: true, - cardClasses: "bg-slate-600 rounded-lg p-5 m-4 w-64", - valuesProps: tokenCardValuesProps, - isPrettyLoading: { - classes: "text-black text-center", - message: "Loading Single Token...", - }, -} as TokenCardConfigProps; diff --git a/packages/nextjs/app/rep-tokens-demo/_components/configs/values/AddressCardConfig.ts b/packages/nextjs/app/rep-tokens-demo/_components/configs/values/AddressCardConfig.ts deleted file mode 100644 index be3d492..0000000 --- a/packages/nextjs/app/rep-tokens-demo/_components/configs/values/AddressCardConfig.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { ValueCardConfigProps } from "~~/components/rep-tokens/types/Types"; - -export const addressConfigProps = { - isRendering: true, - classes: { - card: "w-64 rounded-lg bg-pink-300 ", - value: "text-1xl text-center object-center mx-auto font-bold break-all text-black", - }, - isPrettyLoading: { - classes: "text-black text-center", - message: "Loading Balance...", - }, -} as ValueCardConfigProps; diff --git a/packages/nextjs/app/rep-tokens-demo/_components/configs/values/BalanceCardConfig.ts b/packages/nextjs/app/rep-tokens-demo/_components/configs/values/BalanceCardConfig.ts deleted file mode 100644 index c62e2b8..0000000 --- a/packages/nextjs/app/rep-tokens-demo/_components/configs/values/BalanceCardConfig.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { ValueCardConfigProps } from "~~/components/rep-tokens/types/Types"; - -export const balanceConfigProps = { - isRendering: true, - classes: { - card: "w-64 rounded-lg bg-slate-300", - value: "text-4xl mx-auto text-center text-black", - }, - isPrettyLoading: { - classes: "text-black text-center", - message: "Loading Balance...", - }, -} as ValueCardConfigProps; diff --git a/packages/nextjs/app/rep-tokens-demo/_components/configs/values/DescriptionCardConfig.ts b/packages/nextjs/app/rep-tokens-demo/_components/configs/values/DescriptionCardConfig.ts deleted file mode 100644 index 32e11c1..0000000 --- a/packages/nextjs/app/rep-tokens-demo/_components/configs/values/DescriptionCardConfig.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { ValueCardConfigProps } from "~~/components/rep-tokens/types/Types"; - -export const descriptionConfigProps = { - isRendering: true, - classes: { - card: "w-64 rounded-lg bg-violet-300", - value: "text-1xl mx-auto text-center break-words text-black", - }, - isPrettyLoading: { - classes: "text-black text-center", - message: "Loading Description...", - }, -} as ValueCardConfigProps; 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 deleted file mode 100644 index 9f1296d..0000000 --- a/packages/nextjs/app/rep-tokens-demo/_components/configs/values/ImageCardConfig.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { ImageProps } from "~~/components/rep-tokens/cards/value-cards/ImageCard"; -import { ImageValueCardConfigProp } from "~~/components/rep-tokens/types/Types"; - -export const imageConfigProps = { - isRendering: true, - classes: { - card: "text-black w-64 rounded-lg bg-cyan-300 p-1", - value: "rounded-lg mx-auto", - }, - imageProperties: new ImageProps("Token", 256, 256), - isPrettyLoading: { - classes: "text-black text-center", - message: "Loading Image...", - }, -} as ImageValueCardConfigProp; diff --git a/packages/nextjs/app/rep-tokens-demo/_components/configs/values/IsRedeemableCardConfig.ts b/packages/nextjs/app/rep-tokens-demo/_components/configs/values/IsRedeemableCardConfig.ts deleted file mode 100644 index 8df255c..0000000 --- a/packages/nextjs/app/rep-tokens-demo/_components/configs/values/IsRedeemableCardConfig.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { ValueCardConfigProps } from "~~/components/rep-tokens/types/Types"; - -export const isRedeemableConfigProps = { - isRendering: true, - classes: { - card: "w-64 rounded-lg bg-indigo-300 ", - value: "text-1xl text-center object-center mx-auto font-bold break-all text-black", - }, - isPrettyLoading: { - classes: "text-black text-center", - message: "Loading Is Tradeable...", - }, -} as ValueCardConfigProps; diff --git a/packages/nextjs/app/rep-tokens-demo/_components/configs/values/IsSoulboundCardConfig.ts b/packages/nextjs/app/rep-tokens-demo/_components/configs/values/IsSoulboundCardConfig.ts deleted file mode 100644 index 045cb20..0000000 --- a/packages/nextjs/app/rep-tokens-demo/_components/configs/values/IsSoulboundCardConfig.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { ValueCardConfigProps } from "~~/components/rep-tokens/types/Types"; - -export const isSoulboundConfigProps = { - isRendering: true, - classes: { - card: "w-64 rounded-lg bg-indigo-300 ", - value: "text-1xl text-center object-center mx-auto font-bold break-all text-black", - }, - isPrettyLoading: { - classes: "text-black text-center", - message: "Loading Is Tradeable...", - }, -} as ValueCardConfigProps; diff --git a/packages/nextjs/app/rep-tokens-demo/_components/configs/values/MaxMintAmountCardConfig.ts b/packages/nextjs/app/rep-tokens-demo/_components/configs/values/MaxMintAmountCardConfig.ts deleted file mode 100644 index e907aa7..0000000 --- a/packages/nextjs/app/rep-tokens-demo/_components/configs/values/MaxMintAmountCardConfig.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { ValueCardConfigProps } from "~~/components/rep-tokens/types/Types"; - -export const maxMintAmountConfigProps = { - isRendering: true, - classes: { - card: "w-64 rounded-lg bg-teal-300", - value: "text-1xl text-center object-center mx-auto font-bold text-black", - }, - isPrettyLoading: { - classes: "text-black text-center", - message: "Loading Max Mint Amount...", - }, -} as ValueCardConfigProps; diff --git a/packages/nextjs/app/rep-tokens-demo/_components/configs/values/NameCardConfig.ts b/packages/nextjs/app/rep-tokens-demo/_components/configs/values/NameCardConfig.ts deleted file mode 100644 index 5fabb7a..0000000 --- a/packages/nextjs/app/rep-tokens-demo/_components/configs/values/NameCardConfig.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { ValueCardConfigProps } from "~~/components/rep-tokens/types/Types"; - -export const nameConfigProps = { - isRendering: true, - classes: { - card: "w-64 rounded-lg bg-lime-300 ", - value: "text-1xl text-center object-center mx-auto font-bold break-all text-black", - }, - isPrettyLoading: { - classes: "text-black text-center", - message: "Loading Name...", - }, -} as ValueCardConfigProps;