centered small inputs, remove autocomplete, remove payment method

masa-finance · Aug 31, 2023 · f9634ea · f9634ea
1 parent 0ca2571
commit f9634ea
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/refactor/ui/components/Input.tsx b/src/refactor/ui/components/Input.tsx
@@ -15,6 +15,7 @@ export const Input = ({ label, required, className, ...rest }: InputProps) => (
       className={`masa-input ${className ?? ''}`}
       {...rest}
       id={`masa-input-${label ?? ''}`}
+      autoComplete="off"
     />
   </div>
 );
diff --git a/src/refactor/ui/components/modals/create-soulname/CreateSoulnameForm.tsx b/src/refactor/ui/components/modals/create-soulname/CreateSoulnameForm.tsx
@@ -9,7 +9,6 @@ const CreateSoulnameForm = () => {
     extension,
     paymentMethods,
     soulname,
-    paymentMethod,
     handleChangeSoulname,
     isLoadingAvailability,
     isAvailable,
@@ -110,15 +109,15 @@ const CreateSoulnameForm = () => {
           </div>
           <Select
             label="Payment asset"
+            style={{ textAlign: 'center' }}
             values={paymentMethods}
             onChange={updatePaymentMethod}
             readOnly
           />
           <Input
+            style={{ textAlign: 'center' }}
             label="Registration price"
-            value={`${
-              registrationPrice ? registrationPrice.slice(0, 7) : '-.-'
-            } ${paymentMethod}`}
+            value={registrationPrice ? registrationPrice.slice(0, 7) : '-.-'}
             readOnly
           />
         </div>