diff --git a/app/(app)/ActionMenu/FavoriteDoctorScreen.tsx b/app/(app)/ActionMenu/FavoriteDoctorScreen.tsx index a24ae730..596794d8 100644 --- a/app/(app)/ActionMenu/FavoriteDoctorScreen.tsx +++ b/app/(app)/ActionMenu/FavoriteDoctorScreen.tsx @@ -14,6 +14,9 @@ import { leftArrow } from '@/assets/icons/left'; import data from "../../doctors.json" import HeaderComponent from '@/components/HeaderComponent'; import SearchComponent from '@/components/SearchComponent'; +import FoundDoctorCount from '@/components/FoundDoctorCount'; +import NofoundComponent from '@/components/NofoundComponent'; +import NotFoundScreen from '@/app/+not-found'; interface imageMapProp{ @@ -82,21 +85,18 @@ function DoctorScreen() { !showSearch ? ( ) : ( - + /> ) } - - - )} - - + + + + {showSearch && ( + + )} - {filteredDoctors.map((doctor:any,index:any) => + > + {filteredDoctors.length > 0 ? ( + + filteredDoctors.map((doctor: any, index: any) => - - + - + /> + - )} + ) + + ) : ( + + )} @@ -186,6 +196,13 @@ const styles = StyleSheet.create({ marginTop: "8%", backgroundColor:"white" }, + foundDoctorView: { + width: "100%", + display: "flex", + flexDirection: 'row', + justifyContent: "center", + alignItems: "center" + }, searchComponent: { }, @@ -211,7 +228,7 @@ const styles = StyleSheet.create({ flexDirection: "row", alignItems: 'center', marginBottom: "5%", - backgroundColor:"white" + backgroundColor: "white", }, categoryBtn: { borderWidth: 2, diff --git a/assets/icons/Defaulticon.ts b/assets/icons/Defaulticon.ts new file mode 100644 index 00000000..e0ca4277 --- /dev/null +++ b/assets/icons/Defaulticon.ts @@ -0,0 +1,7 @@ +export const defaultIcon=` + + + + + +` \ No newline at end of file diff --git a/assets/images/Doctors/notFound.png b/assets/images/Doctors/notFound.png new file mode 100644 index 00000000..ef7108a1 Binary files /dev/null and b/assets/images/Doctors/notFound.png differ diff --git a/components/FoundDoctorCount.tsx b/components/FoundDoctorCount.tsx new file mode 100644 index 00000000..e53cb2db --- /dev/null +++ b/components/FoundDoctorCount.tsx @@ -0,0 +1,99 @@ +import React,{ReactElement, useState} from 'react'; +import { StyleSheet, Text, Image, View, TouchableHighlight, SafeAreaView, Button, Alert, Platform, StatusBar, Dimensions,TextInput, Pressable,ImageURISource} from 'react-native' +import Typography from '@/constants/Typography'; +import { SvgXml } from "react-native-svg" +import { defaultIcon } from '@/assets/icons/Defaulticon'; + +interface foundDoctorProps{ + count: number, + +} + +function FoundDoctorCount({ count }: foundDoctorProps) { + const foundText=count===0 ?"0 found":`${count} founds` + return ( + + + + {foundText} + + + + + + + Default + + + + + + + + + + + ); +} + +export default FoundDoctorCount; +const styles = StyleSheet.create({ + outer: { + width: "95%", + height: 30, + borderRadius: 10, + zIndex: 1000, + display: "flex", + flexDirection: "row", + justifyContent: "space-between", + alignItems:"center" + + }, + leftView: { + display: "flex", + flexDirection: "row", + justifyContent: "space-between", + alignItems:"center" + + }, + RightView: { + display: "flex", + flexDirection: "row", + justifyContent: "space-between", + alignItems: "center", + width: "24%", + }, + countView: { + + + }, + countText: { + color: "#212121", + fontWeight: "bold", + fontSize:16 + + }, + foundView: { + + }, + foundText: { + + }, + defaultView: { + + }, + defaultText: { + color: "#246BFD", + fontWeight: "bold", + fontSize:16 + + }, + iconView: { + display: "flex", + flexDirection: "row", + justifyContent: "center", + alignItems: "center", + + } + +}) \ No newline at end of file diff --git a/components/NofoundComponent.tsx b/components/NofoundComponent.tsx new file mode 100644 index 00000000..c2152e2b --- /dev/null +++ b/components/NofoundComponent.tsx @@ -0,0 +1,101 @@ +import React,{ReactElement, useState} from 'react'; +import { StyleSheet, Text, Image, View, TouchableHighlight, SafeAreaView, Button, Alert, Platform, StatusBar, Dimensions,TextInput, Pressable,ImageURISource} from 'react-native' +import Typography from '@/constants/Typography'; +import { SvgXml } from "react-native-svg" + +function NofoundComponent() { + return ( + + + + + + + + Not Found + + + + Sorry, the keyword you entered can not be + found, please try again or search with + another keyword + + + + + + ); +} + +export default NofoundComponent; +const styles = StyleSheet.create({ + parent: { + width:"95%", + height:500, + borderRadius: 10, + zIndex: 1000, + display: "flex", + justifyContent: "center", + alignItems: "center", + borderColor:"black" + + + }, + + outer: { + width: "95%", + height:"75%", + borderRadius: 10, + zIndex: 1000, + display: "flex", + justifyContent: "space-between", + alignItems: "center", + borderColor:"red" + + + + }, + imageView: { + width:"100%", + display: "flex", + flexDirection: "row", + justifyContent: "center", + alignItems:"center" + }, + NotFound: { + display: "flex", + flexDirection: "row", + justifyContent: "center", + alignItems: "center", + width:"100%" + + + }, + NotFoundText: { + color: "#212121", + fontWeight: "bold", + fontSize:18 + + }, + paragraph: { + display: "flex", + justifyContent: "center", + alignItems: "center", + width:"100%" + + }, + sentenceView: { + display: "flex", + flexDirection: "row", + justifyContent: "center", + alignItems: "center", + width:"100%" + + }, + sentenceText: { + color: "#212121", + fontSize: 16, + fontWeight:"300" + + } +}) \ No newline at end of file diff --git a/components/SearchComponent.tsx b/components/SearchComponent.tsx index 25a94565..9e159ae2 100644 --- a/components/SearchComponent.tsx +++ b/components/SearchComponent.tsx @@ -80,6 +80,7 @@ const styles = StyleSheet.create({ flexDirection:"row", justifyContent: "flex-start", alignItems: "center", + backgroundColor:"white" }, searchView: { height: "100%",