Merge pull request #168 from atlp-rwanda/ft-fetch-articles-data

Integrate Supabase for Article Fetching, Update Project Images, and Add Social Sharing Functionality

Author: Nkbtemmy

.env.d.ts

@@ -0,0 +1,6 @@
+ declare module '@env' {
+    export const API_URL: string;
+    export const APP_MAJOR_VERSION: string;
+    export const APP_MINOR_VERSION: string;
+    export const APP_PATCH_VERSION: string;
+ }

.env.example

@@ -1,2 +1,5 @@
 EXPO_PUBLIC_API_URL=http://api.local
-EXPO_PUBLIC_API_KEY=api_key
+EXPO_PUBLIC_API_KEY=api_key
+
+SUPABASE_URL=SUPABASE_URL
+SUPABASE_NON_KEY=SUPABASE_NON_KEY

.gitignore

@@ -7,6 +7,7 @@ node_modules/
 dist/
 web-build/
 .env
+.env.example
 
 # Native
 *.orig.*

app/(app)/ActionMenu/AllDoctorScreen.tsx

@@ -92,7 +92,7 @@ function DoctorScreen() {
             }
             setDoctors(data)
 
-  console.log('Fetched data:', data);
+//   console.log('Fetched data:', data);
 }
 
 fetchData();

app/(app)/ActionMenu/FavoriteDoctorScreen.tsx

@@ -91,7 +91,6 @@ function DoctorScreen() {
             }
             setDoctors(data)
 
-  console.log('Fetched data:', data);
 }
 
 fetchData();

app/(app)/Appointments/MessagingAppointment/index.tsx

@@ -25,6 +25,7 @@ import {
 import { backArrowWhite } from "@/components/UI/icons/backArrow";
 import { WhiteMenuCircle } from "@/components/UI/icons/WhiteMenuCircle";
 import { MoreIcon } from "@/assets/icons/MoreCircleSvg";
+import { backArrowBlackIcon } from '@/constants/icon'
 
 interface PatientType {
   id: string;
@@ -93,7 +94,7 @@ function AppointmentMessaging() {
                 theme === "light" ? Colors.others.white : Colors.dark._1,
             }}
           >
-            <SvgXml xml={backArrowWhite} />
+            <SvgXml xml={theme === 'dark' ? backArrowWhite : backArrowBlackIcon } />
             <Text
               style={{
                 fontSize: 24,

app/(app)/Appointments/Review/ReviewBlankform.tsx

@@ -59,7 +59,7 @@ import {
           </Text>
         </View>
         <View style={{ gap: 24, justifyContent: "center", alignItems: "center" }}>
-          <Image source={require("@/assets/images/Drake.png")} />
+          <Image source={require("@/assets/images/Drake.png")} style={{width: 200, height: 200, borderRadius: 100}}/>
           <Text
             style={[
               Typography.heading._5,

app/(app)/Appointments/Review/ReviewScreen.tsx

@@ -37,7 +37,7 @@ const [rating, setRating ] = useState(0);
       </View>
 
     <View>
-    <Image source={require('@/assets/images/Drake.png')} />
+    <Image source={require('@/assets/images/Drake.png')} style={{width: 200, height: 200, borderRadius: 100}}/>
     </View>
     <View style={{justifyContent:'center', alignItems: 'center'}}>
       <Text style={[Typography.heading._5, {color: theme === 'dark' ? '#FFFFFF' : '#212121', width: 260}]}>How was your experience

app/(app)/Appointments/VideoCallAppointment/VideoCall.tsx

@@ -18,7 +18,7 @@ import {
         <ImageBackground
           style={styles.Background}
           resizeMode="cover"
-          source={require("@/assets/images/MariaBackblur.png")}
+          source={require("@/assets/images/Dr maria.png")}
         >
           <View style={styles.backArrow}>
             <TouchableOpacity onPress={()=> router.back()}>
@@ -29,7 +29,7 @@ import {
 
           <View style={styles.middlePart}>
             <View style={styles.patient}>
-                   <Image source={require('@/assets/images/SinglePatient.png')} />
+                   <Image source={require('@/assets/images/SinglePatient.png')} style={{width: 120, height: 180, borderRadius: 20}}/>
 
                    <TouchableOpacity style={{position:'relative', marginTop: '-27%',marginLeft: '72%'}}>
                    <SvgXml xml={CameraIcon} />

app/(app)/Appointments/VideoCallAppointment/VideoCallRinging.tsx

@@ -28,7 +28,7 @@ import {
           </View>
 
           <View style={styles.middlePart}>
-            <Image source={require("@/assets/images/MariaEllipse.png")} />
+            <Image source={require("@/assets/images/Dr jenny.png")} style={{width: 200, height: 200, borderRadius: 100}}/>
 
             <View style={styles.middleText}>
               <Text style={[Typography.heading._3, { color: "#FFFFFF" }]}>