updates

Author: MananTank

apps/dashboard/src/@/components/blocks/multi-step-status/multi-step-status.tsx

@@ -57,6 +57,7 @@ export function MultiStepStatus<T extends string>(props: {
                 {step.label}
               </p>
 
+              {/* show description when this step is active */}
               {(step.status.type === "pending" ||
                 step.status.type === "error") &&
                 step.description && (

apps/dashboard/src/@/components/ui/decimal-input.tsx

@@ -13,9 +13,9 @@ export function DecimalInput(props: {
       id={props.id}
       type="text"
       value={props.value}
-      placeholder={props.placeholder}
       className={props.className}
       inputMode="decimal"
+      placeholder={props.placeholder}
       disabled={props.disabled}
       onChange={(e) => {
         const number = Number(e.target.value);

apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/(chainPage)/components/client/FaucetButton.tsx

@@ -49,8 +49,8 @@ import {
   useSwitchActiveWalletChain,
   useWalletBalance,
 } from "thirdweb/react";
+import { parseError } from "utils/errorParser";
 import { z } from "zod";
-import { parseError } from "../../../../../../../../utils/errorParser";
 
 function formatTime(seconds: number) {
   const rtf = new Intl.RelativeTimeFormat("en", { numeric: "auto" });

apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/components/nft/NFTMediaFormGroup.tsx

@@ -11,7 +11,6 @@ type NFTMediaFormGroupValues = {
   external_url?: NFTInput["external_url"];
 };
 
-// TODO - use this
 export function NFTMediaFormGroup<T extends NFTMediaFormGroupValues>(props: {
   form: UseFormReturn<T>;
   previewMaxWidth?: string;

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/assets/cards.tsx

@@ -39,7 +39,7 @@ export function Cards(props: {
       />
 
       <CardLink
-        title="Create NFT"
+        title="Create NFT Collection"
         description="Launch your own NFT collection"
         href={`/team/${props.teamSlug}/${props.projectSlug}/assets/create/nft`}
         icon={ImagesIcon}

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/assets/create/_common/PageHeader.tsx

@@ -18,7 +18,7 @@ export function CreateAssetPageHeader(props: {
 }) {
   return (
     <div className="border-b">
-      <div className="border-b py-3">
+      <div className="border-b border-dashed py-3">
         <Breadcrumb className={props.containerClassName}>
           <BreadcrumbList>
             <BreadcrumbItem>

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/assets/create/_common/download-file-button.tsx

@@ -38,26 +38,3 @@ export function DownloadFileButton(props: {
     </Button>
   );
 }
-
-export function DownloadFileLink(props: {
-  fileContent: string;
-  fileNameWithExtension: string;
-  fileFormat: "text/csv" | "application/json";
-  label: string;
-}) {
-  return (
-    <Button
-      variant="link"
-      className="h-auto p-0 font-normal text-base underline decoration-muted-foreground/50 decoration-dotted underline-offset-[5px] hover:text-foreground hover:decoration-foreground"
-      onClick={() => {
-        handleDownload({
-          fileContent: props.fileContent,
-          fileNameWithExtension: props.fileNameWithExtension,
-          fileFormat: props.fileFormat,
-        });
-      }}
-    >
-      {props.label}
-    </Button>
-  );
-}

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/assets/create/_common/file-image.tsx renamed to apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/assets/create/_common/file-preview.tsx

@@ -15,7 +15,9 @@ export function FilePreview(props: {
     if (props.file) {
       const url = URL.createObjectURL(props.file);
       setObjectUrl(url);
-      return () => URL.revokeObjectURL(url);
+      return () => {
+        URL.revokeObjectURL(url);
+      };
     } else {
       setObjectUrl("");
     }

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/assets/create/create-token-card.tsx renamed to apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/assets/create/_common/step-card.tsx

@@ -1,7 +1,7 @@
 import { Button } from "@/components/ui/button";
 import { useTrack } from "hooks/analytics/useTrack";
 import { ArrowLeftIcon, ArrowRightIcon } from "lucide-react";
-import { getStepCardTrackingData } from "./tracking";
+import { getStepCardTrackingData } from "../tracking";
 
 export function StepCard(props: {
   title: string;

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/assets/create/distribution/token-distribution.tsx

@@ -8,7 +8,7 @@ import {
 import { Form } from "@/components/ui/form";
 import { Input } from "@/components/ui/input";
 import type { ThirdwebClient } from "thirdweb";
-import { StepCard } from "../create-token-card";
+import { StepCard } from "../_common/step-card";
 import type {
   TokenDistributionForm,
   TokenDistributionFormValues,