From 83b483cd6bafc8cb668a11770e67f522c4ac1ca2 Mon Sep 17 00:00:00 2001
From: Vishal Rakholiya <vishal.rakholiya@iviewlabs.com>
Date: Thu, 22 Feb 2024 18:03:31 +0530
Subject: [PATCH] fix: common component UI

---
 packages/components/inputs/AvailableNamesInput.tsx          | 6 +++---
 .../screens/Organizations/components/CreateDAOSection.tsx   | 5 -----
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/packages/components/inputs/AvailableNamesInput.tsx b/packages/components/inputs/AvailableNamesInput.tsx
index b78625b254..98244051bd 100644
--- a/packages/components/inputs/AvailableNamesInput.tsx
+++ b/packages/components/inputs/AvailableNamesInput.tsx
@@ -17,7 +17,7 @@ import {
 } from "@/utils/style/colors";
 import { NameFinderFormType } from "@/utils/types/tns";
 
-export interface TextInputCustomProps<T extends FieldValues>
+interface TextInputCustomProps<T extends FieldValues>
   extends Omit<TextInputProps, "accessibilityRole" | "defaultValue"> {
   name: Path<T>;
   nameValue: string;
@@ -26,7 +26,6 @@ export interface TextInputCustomProps<T extends FieldValues>
   value?: string;
   onChangeText?: (value: string) => void;
   onPressEnter?: () => void;
-  usdPrice?: number | undefined;
   control?: Control<T>;
   style?: ViewStyle;
 }
@@ -39,7 +38,6 @@ export const AvailableNamesInput = <T extends FieldValues>({
   value,
   onChangeText = () => {},
   onPressEnter = () => {},
-  usdPrice,
   control,
   style,
 }: TextInputCustomProps<T>) => {
@@ -50,6 +48,8 @@ export const AvailableNamesInput = <T extends FieldValues>({
     nameAvailability.availability === "mint"
       ? nameAvailability.prettyPrice
       : "";
+  const usdPrice =
+    nameAvailability.availability === "mint" ? nameAvailability?.usdPrice : 0;
 
   let availabilityInfo = <></>;
   if (nameValue && selectedNetwork?.kind === NetworkKind.Cosmos) {
diff --git a/packages/screens/Organizations/components/CreateDAOSection.tsx b/packages/screens/Organizations/components/CreateDAOSection.tsx
index 1c7a7cb032..29ef7ca0ca 100644
--- a/packages/screens/Organizations/components/CreateDAOSection.tsx
+++ b/packages/screens/Organizations/components/CreateDAOSection.tsx
@@ -105,11 +105,6 @@ export const CreateDAOSection: React.FC<CreateDAOSectionProps> = ({
                       : "your-organization"
                   }
                   value={name}
-                  usdPrice={
-                    nameAvailability.availability === "mint"
-                      ? nameAvailability?.usdPrice
-                      : 0
-                  }
                 />
               </View>
             </View>