Medicine Form

This commit is contained in:
abhay-raizada
2024-06-17 17:51:09 +05:30
parent a1df7afb0e
commit 477a924fe0
4 changed files with 172 additions and 55 deletions

View File

@@ -1,30 +1,68 @@
import { useState } from "react";
import { Button, Modal, NativeSyntheticEvent, Text, TextInput, TextInputChangeEventData, View } from "react-native"
import {useState} from 'react';
import {
Button,
Modal,
NativeSyntheticEvent,
Text,
TextInput,
TextInputChangeEventData,
View,
} from 'react-native';
export const ImportNsec = ({ isVisible, onClose, onPress }: { isVisible: boolean, onClose: () => void, onPress: (nsec: `nsec1${string}`) => void }) => {
export const ImportNsec = ({
isVisible,
onClose,
onPress,
}: {
isVisible: boolean;
onClose: () => void;
onPress: (nsec: `nsec1${string}`) => void;
}) => {
const [nsec, setNsec] = useState('');
const [nsec, setNsec] = useState("");
const handleNsec = (value: string) => {
setNsec(value)
}
return (
<Modal
visible={isVisible}
onRequestClose={() => { console.log("closing....") ; onClose(); return true }}
onDismiss={() => {onClose()}}
presentationStyle="pageSheet">
<View style={{ backgroundColor: "#ffffff", height: 500, justifyContent: "center", display: "flex", margin: 30, borderColor: "red", alignItems: "center"}}>
<View style={{margin: 5}}>
<Text style={{color: "#000000", margin: 5}}>
Import Your Nsec
</Text>
<TextInput style={{borderColor: "#000000", borderWidth: 1, borderRadius: 5, color: "#000000"}} onChangeText={handleNsec}/>
</View>
<View>
<Button title="Import" onPress={() => onPress(nsec)}></Button>
</View>
</View>
</Modal>
)
}
const handleNsec = (value: string) => {
setNsec(value);
};
return (
<Modal
visible={isVisible}
onRequestClose={() => {
console.log('closing....');
onClose();
return true;
}}
onDismiss={() => {
onClose();
}}
presentationStyle="pageSheet">
<View
style={{
backgroundColor: '#ffffff',
height: 500,
justifyContent: 'center',
display: 'flex',
margin: 30,
borderColor: 'red',
alignItems: 'center',
}}>
<View style={{margin: 5}}>
<Text style={{color: '#000000', margin: 5}}>Import Your Nsec</Text>
<TextInput
style={{
borderColor: '#000000',
borderWidth: 1,
borderRadius: 5,
color: '#000000',
}}
onChangeText={handleNsec}
/>
</View>
<View>
<Button
title="Import"
onPress={() => onPress(nsec as `nsec1${string}`)}></Button>
</View>
</View>
</Modal>
);
};