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%",