wip: redirect to manage token page

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 (
     <ScreenContainer
@@ -25,7 +29,12 @@ export const LaunchpadERC20ManageTokenScreen: ScreenFC<
       onBackPress={() => navigation.navigate("LaunchpadERC20Tokens")}
     >
       <SpacerColumn size={8} />
+      <BrandText>
+        Tokens Details
+      </BrandText>
+      <SpacerColumn size={1} />
       <LaunchpadERC20DetailTokenBox item={token} />
+      <LaunchpadERC20TokenAmountButton amount={mintAmount} setAmount={setMintAmount} buttonLabel={"Mint"} />
     </ScreenContainer>
   );
 };

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<ViewStyle>;
+}
+
+export const LaunchpadERC20TokenAmountButton: React.FC<LaunchpadERC20TokenAmountButtonProps> = ({
+    amount,
+    setAmount,
+    placeholder = "Amount",
+    buttonLabel,
+    onPress,
+    disabled,
+    viewStyle
+}) => {
+    return (
+        <View
+            style={viewStyle}
+        >
+            <Label style={{ marginBottom: layout.spacing_x1 }} isRequired>
+                {placeholder}
+            </Label>
+
+            <TertiaryBox
+                style={{
+                    width: "100%",
+                    height: 40,
+                    flexDirection: "row",
+                    paddingHorizontal: 12,
+                    backgroundColor: neutral17,
+                    alignItems: "center",
+                }}
+            >
+                <TextInput
+                    style={{
+                        flex: 1,
+                        color: neutralFF,
+                        ...fontSemibold16,
+                    }}
+                    placeholder={placeholder}
+                    placeholderTextColor={neutralFF}
+                    value={amount.toString()}
+                    onChangeText={(text) => setAmount(Number(text))}
+                    keyboardType="numeric"
+                />
+                <PrimaryButton
+                    onPress={onPress}
+                    text={buttonLabel}
+                    size="SM"
+                    disabled={disabled}
+                />
+            </TertiaryBox>
+        </View>
+    );
+};