corey/PeerScribe
1
0
Fork 0
mirror of https://github.com/abhay-raizada/PeerScribe.git synced 2026-04-26 16:24:03 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add Send Prescription Screen

Browse Source
This commit is contained in:
Abhay Raizada
2024-03-22 07:36:18 +05:30
parent 23c4107763
commit 23278c9b64
2 changed files with 28 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/PrescriptionCreator/index.tsx
View File

@@ -1,9 +1,10 @@
import {Dimensions, Image, StyleSheet, Text, View} from 'react-native'; import {Dimensions, Image, StyleSheet, Text, View} from 'react-native';
import {Colors} from 'react-native/Libraries/NewAppScreen'; import {Colors} from 'react-native/Libraries/NewAppScreen';
import {PropsWithChildren} from 'react'; import {PropsWithChildren, useState} from 'react';
import {Button, Card} from '@ant-design/react-native'; import {Button, Card, Modal} from '@ant-design/react-native';
import { V1Field } from '@formstr/sdk/dist/interfaces'; import { V1Field } from '@formstr/sdk/dist/interfaces';
import { InputFiller } from '../Inputs/Inputs'; import { InputFiller } from '../Inputs/Inputs';
import { SendPrescription } from './sendPrescription';
type SectionProps = PropsWithChildren<{ type SectionProps = PropsWithChildren<{
title: string; title: string;
@@ -59,7 +60,8 @@ function Section({children, title}: SectionProps): React.JSX.Element {
} }
export const PrescriptionCreator = ({form} : {form: any}) => { export const PrescriptionCreator = ({form} : {form: any}) => {
if(form === null) return <View><Text>Loading...</Text></View> if(form === null) return <View style={{backgroundColor: "#ffffff"}}><Text style={{color: "#000000"}}>Loading...</Text></View>
const [showSendScreen, setShowSendScreen] = useState(false);
return ( return (
<View <View
@@ -110,9 +112,10 @@ export const PrescriptionCreator = ({form} : {form: any}) => {
</Card> </Card>
); );
})} })}
<Button type='primary'> Create RX </Button> <Button type='primary' onPress={()=>{ setShowSendScreen(true)}}> Create RX </Button>
</View> </View>
</Section> </Section>
<SendPrescription isVisible={showSendScreen} onClose={() => { setShowSendScreen(false)}}/>
</View> </View>
); );
}; };

21
components/PrescriptionCreator/sendPrescription.tsx Normal file
View File

@@ -0,0 +1,21 @@
import { Button, Modal, Text, TextInput, View } from "react-native"
export const SendPrescription = ({ isVisible, onClose }: { isVisible: boolean, onClose: () => void }) => {
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}}>Search an npub to send prescription</Text>
<TextInput style={{borderColor: "#000000", borderWidth: 1, borderRadius: 5}}/>
</View>
<View>
<Button title="Send"></Button>
</View>
</View>
</Modal>
)
}