diff --git a/packages/screens/LaunchpadERC20/LaunchpadERC20Tokens/LaunchpadERC20ManageToken.tsx b/packages/screens/LaunchpadERC20/LaunchpadERC20Tokens/LaunchpadERC20ManageToken.tsx index bedaeb6572..04540eb549 100644 --- a/packages/screens/LaunchpadERC20/LaunchpadERC20Tokens/LaunchpadERC20ManageToken.tsx +++ b/packages/screens/LaunchpadERC20/LaunchpadERC20Tokens/LaunchpadERC20ManageToken.tsx @@ -6,6 +6,8 @@ import { SpacerColumn } from "@/components/spacer"; import { useForceNetworkSelection } from "@/hooks/useForceNetworkSelection"; import { NetworkFeature, NetworkKind } from "@/networks"; import { ScreenFC, useAppNavigation } from "@/utils/navigation"; +import { useState } from "react"; +import { LaunchpadERC20TokenAmountButton } from "../component/LaunchpadERC20TokenAmountButton"; export const LaunchpadERC20ManageTokenScreen: ScreenFC< "LaunchpadERC20ManageToken" @@ -14,6 +16,8 @@ export const LaunchpadERC20ManageTokenScreen: ScreenFC< const token = params.token; useForceNetworkSelection(network); const navigation = useAppNavigation(); + const [mintAmount, setMintAmount] = useState(0); + const [burnAmount, setBurnAmount] = useState(0); return ( navigation.navigate("LaunchpadERC20Tokens")} > + + Tokens Details + + + ); }; diff --git a/packages/screens/LaunchpadERC20/component/LaunchpadERC20TokenAmountButton.tsx b/packages/screens/LaunchpadERC20/component/LaunchpadERC20TokenAmountButton.tsx new file mode 100644 index 0000000000..1564c832d7 --- /dev/null +++ b/packages/screens/LaunchpadERC20/component/LaunchpadERC20TokenAmountButton.tsx @@ -0,0 +1,67 @@ +import { TertiaryBox } from "@/components/boxes/TertiaryBox"; +import { PrimaryButton } from "@/components/buttons/PrimaryButton"; +import { Label } from "@/components/inputs/TextInputCustom"; +import { neutral17, neutralFF } from "@/utils/style/colors"; +import { fontSemibold16 } from "@/utils/style/fonts"; +import { layout } from "@/utils/style/layout"; +import { StyleProp, TextInput, View, ViewStyle } from "react-native"; + +interface LaunchpadERC20TokenAmountButtonProps { + amount: number; + setAmount: (amount: number) => void; + placeholder?: string; + buttonLabel: string; + onPress?: () => void; + disabled?: boolean; + viewStyle: StyleProp; +} + +export const LaunchpadERC20TokenAmountButton: React.FC = ({ + amount, + setAmount, + placeholder = "Amount", + buttonLabel, + onPress, + disabled, + viewStyle +}) => { + return ( + + + + + setAmount(Number(text))} + keyboardType="numeric" + /> + + + + ); +}; \ No newline at end of file