minor updates

Author: MananTank

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/assets/create/nft/upload-nfts/batch-upload/batch-upload-instructions.tsx

@@ -31,8 +31,8 @@ export function BatchUploadInstructions() {
         <Section title="Uploading Files">
           <p>
             Make sure to drag and drop the {tab === "csv" ? "CSV" : "JSON"} and
-            the assets <strong>at the same time</strong> or upload a folder with
-            all the files in it.
+            the assets at the same time or upload a folder with all the files in
+            it.
           </p>
 
           <p>
@@ -52,12 +52,12 @@ export function BatchUploadInstructions() {
           <p>
             The {tab === "csv" ? "CSV" : "JSON"} file must have a{" "}
             <InlineCode code="name" /> {tab === "csv" ? "column" : "property"},
-            which defines the name of the NFT. Other{" "}
-            {tab === "csv" ? "columns" : "properties"} are optional.
+            which defines the name of the NFT
           </p>
 
           <p>
-            You can also add the optional <InlineCode code="description" />,{" "}
+            Other optional {tab === "csv" ? "columns" : "properties"} are{" "}
+            <InlineCode code="description" />,{" "}
             <InlineCode code="background_color" />,{" "}
             <InlineCode code="external_url" />,{" "}
             <InlineCode code="animation_url" />,{" "}
@@ -69,10 +69,10 @@ export function BatchUploadInstructions() {
                 <InlineCode code="attributes" />
               </>
             )}{" "}
-            and <InlineCode code="supply" />{" "}
-            {tab === "csv" ? "columns" : "properties"}.{" "}
+            and <InlineCode code="supply" />
+            {". "}
             {tab === "csv" &&
-              "All other columns will be treated as Attributes. For example: See 'foo', 'bar' and 'bazz' below"}
+              "All other columns will be treated as Attributes. For example: See 'foo', 'bar' and 'bazz' below."}
           </p>
 
           <ExampleCode
@@ -86,10 +86,10 @@ export function BatchUploadInstructions() {
 
         <Section title="Map your assets to NFTs">
           <p>
-            If you want to make your media files map to your NFTs, you can add
-            the name of your files to the <InlineCode code="image" /> and
+            If you want to map your media files to your NFTs, you can add the
+            name of your files to the <InlineCode code="image" /> and{" "}
             <InlineCode code="animation_url" />{" "}
-            {tab === "csv" ? "column" : "property"}.{" "}
+            {tab === "csv" ? "columns" : "properties"}.{" "}
             <ExampleCode
               code={
                 tab === "csv"
@@ -108,12 +108,14 @@ export function BatchUploadInstructions() {
 
         <Section title="Using asset links instead of uploading assets">
           <p>
-            When uploading files, we will upload them and pin them to IPFS
-            automatically for you. If you already have the files uploaded, you
-            can add an <InlineCode code="image" /> and/or
+            When uploading files, assets will be uploaded and pinned to IPFS
+            automatically. If you already have the files uploaded elsewhere, you
+            can specify the IPFS or HTTP(s) links in the{" "}
+            <InlineCode code="image" /> and/or{" "}
             <InlineCode code="animation_url" />{" "}
-            {tab === "csv" ? "column" : "property"} and add the IPFS or HTTP(s)
-            links.{" "}
+            {tab === "csv" ? "columns" : "properties"}. instead of uploading the
+            assets and just upload a single {tab === "csv" ? "CSV" : "JSON"}{" "}
+            file.
             <ExampleCode
               code={
                 tab === "csv"

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/assets/create/nft/upload-nfts/single-upload/single-upload-nft.tsx

@@ -302,8 +302,15 @@ export function SingleUploadNFT(props: {
                     </Badge>
                   </FormLabel>
                   <FormControl>
-                    {/* # + 6 */}
-                    <Input maxLength={7} {...field} />
+                    <div className="relative">
+                      <Input maxLength={7} {...field} />
+                      <div
+                        className="-translate-y-1/2 absolute top-1/2 right-4 size-5 rounded-full"
+                        style={{
+                          backgroundColor: field.value,
+                        }}
+                      />
+                    </div>
                   </FormControl>
                   <FormDescription>
                     Must be a six-character hexadecimal with a pre-pended #.