From 2f2a7c6a761e782fd751985ef8d61034ffdff9a3 Mon Sep 17 00:00:00 2001
From: Serkan Reis <serkanreis@gmail.com>
Date: Thu, 21 Sep 2023 14:29:21 +0300
Subject: [PATCH] Display updatable metadata price on collection details

---
 .../collections/creation/CollectionDetails.tsx       | 12 +++++++++---
 components/openEdition/CollectionDetails.tsx         |  7 +++++--
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/components/collections/creation/CollectionDetails.tsx b/components/collections/creation/CollectionDetails.tsx
index 6c0295e..0b13daa 100644
--- a/components/collections/creation/CollectionDetails.tsx
+++ b/components/collections/creation/CollectionDetails.tsx
@@ -269,7 +269,10 @@ export const CollectionDetails = ({
                 >
                   <div className={clsx('flex flex-col mt-11 space-y-2 w-full form-control')}>
                     <label className="justify-start cursor-pointer label">
-                      <span className="mr-4 font-bold">Updatable Token Metadata</span>
+                      <div className="flex flex-col">
+                        <span className="mr-4 font-bold">Updatable Token Metadata</span>
+                        <span className="mr-4">(Price: 2000 STARS)</span>
+                      </div>
                       <input
                         checked={updatable}
                         className={`toggle ${updatable ? `bg-stargaze` : `bg-gray-600`}`}
@@ -391,11 +394,14 @@ export const CollectionDetails = ({
                 className={clsx(
                   minterType === 'base'
                     ? 'flex flex-col -ml-16 space-y-2 w-1/2 form-control'
-                    : 'flex flex-col space-y-2 w-3/4 form-control',
+                    : 'flex flex-col space-y-2 w-full form-control',
                 )}
               >
                 <label className="justify-start cursor-pointer label">
-                  <span className="mr-4 font-bold">Updatable Token Metadata</span>
+                  <div className="flex flex-col">
+                    <span className="mr-4 font-bold">Updatable Token Metadata</span>
+                    <span className="mr-4">(Price: 2000 STARS)</span>
+                  </div>
                   <input
                     checked={updatable}
                     className={`toggle ${updatable ? `bg-stargaze` : `bg-gray-600`}`}
diff --git a/components/openEdition/CollectionDetails.tsx b/components/openEdition/CollectionDetails.tsx
index 1a07dd9..e340f6a 100644
--- a/components/openEdition/CollectionDetails.tsx
+++ b/components/openEdition/CollectionDetails.tsx
@@ -370,9 +370,12 @@ export const CollectionDetails = ({
             }
             placement="bottom"
           >
-            <div className={clsx('flex flex-col space-y-2 w-3/4 form-control')}>
+            <div className={clsx('flex flex-col space-y-2 w-full form-control')}>
               <label className="justify-start cursor-pointer label">
-                <span className="mr-4 font-bold">Updatable Token Metadata</span>
+                <div className="flex flex-col">
+                  <span className="mr-4 font-bold">Updatable Token Metadata</span>
+                  <span className="mr-4">(Price: 2000 STARS)</span>
+                </div>
                 <input
                   checked={updatable}
                   className={`toggle ${updatable ? `bg-stargaze` : `bg-gray-600`}`}