From 96d14cecadfceefa2c93e7c6fae31ca40b3b0917 Mon Sep 17 00:00:00 2001
From: Sanidhya Kumar Verma <sanidhya.verma12345@gmail.com>
Date: Wed, 4 Sep 2024 12:01:27 +0000
Subject: [PATCH] typo fixes and code improvements

---
 app/(auth)/sign-up.tsx           | 1 +
 app/(root)/(tabs)/chat.tsx       | 3 +++
 app/(root)/(tabs)/profile.tsx    | 3 ++-
 app/(root)/book-ride.tsx         | 4 ++--
 components/google-text-input.tsx | 1 +
 components/oauth.tsx             | 4 ++--
 components/ride-card.tsx         | 1 +
 7 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/app/(auth)/sign-up.tsx b/app/(auth)/sign-up.tsx
index d9b2ecf..e075139 100644
--- a/app/(auth)/sign-up.tsx
+++ b/app/(auth)/sign-up.tsx
@@ -222,6 +222,7 @@ const SignUp = () => {
           <View className="bg-white px-7 py-9 rounded-2xl min-h-[300px]">
             <Image
               source={images.check}
+              alt="Check"
               className="w-[110px] h-[110px] mx-auto my-5"
             />
 
diff --git a/app/(root)/(tabs)/chat.tsx b/app/(root)/(tabs)/chat.tsx
index 54c9be7..d9a344b 100644
--- a/app/(root)/(tabs)/chat.tsx
+++ b/app/(root)/(tabs)/chat.tsx
@@ -8,6 +8,7 @@ const Chat = () => {
     <SafeAreaView className="flex-1 bg-white p-5">
       <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
         <Text className="text-2xl font-JakartaBold">Chat</Text>
+
         <View className="flex-1 h-fit flex justify-center items-center">
           <Image
             source={images.message}
@@ -15,9 +16,11 @@ const Chat = () => {
             className="w-full h-40"
             resizeMode="contain"
           />
+
           <Text className="text-3xl font-JakartaBold mt-3">
             No Messages Yet
           </Text>
+
           <Text className="text-base mt-2 text-center px-7">
             Start a conversation with your friends and family
           </Text>
diff --git a/app/(root)/(tabs)/profile.tsx b/app/(root)/(tabs)/profile.tsx
index e6f14f4..e718dd5 100644
--- a/app/(root)/(tabs)/profile.tsx
+++ b/app/(root)/(tabs)/profile.tsx
@@ -13,13 +13,14 @@ const Profile = () => {
         className="px-5"
         contentContainerStyle={{ paddingBottom: 120 }}
       >
-        <Text className="text-2xl font-JakartaBold my-5">My profile</Text>
+        <Text className="text-2xl font-JakartaBold my-5">My Profile</Text>
 
         <View className="flex items-center justify-center my-5">
           <Image
             source={{
               uri: user?.externalAccounts[0]?.imageUrl ?? user?.imageUrl,
             }}
+            alt="Your Avatar"
             style={{ width: 110, height: 110, borderRadius: 110 / 2 }}
             className=" rounded-full h-[110px] w-[110px] border-[3px] border-white shadow-sm shadow-neutral-300"
           />
diff --git a/app/(root)/book-ride.tsx b/app/(root)/book-ride.tsx
index 13318b7..4452869 100644
--- a/app/(root)/book-ride.tsx
+++ b/app/(root)/book-ride.tsx
@@ -84,7 +84,7 @@ const BookRide = () => {
 
           <View className="flex flex-col w-full items-start justify-center mt-5">
             <View className="flex flex-row items-center justify-start mt-3 border-t border-b border-general-700 w-full py-3">
-              <Image source={icons.to} className="w-6 h-6" />
+              <Image source={icons.to} alt="To" className="w-6 h-6" />
 
               <Text className="text-lg font-JakartaRegular ml-2">
                 {userAddress}
@@ -92,7 +92,7 @@ const BookRide = () => {
             </View>
 
             <View className="flex flex-row items-center justify-start border-b border-general-700 w-full py-3">
-              <Image source={icons.point} className="w-6 h-6" />
+              <Image source={icons.point} alt="Point" className="w-6 h-6" />
 
               <Text className="text-lg font-JakartaRegular ml-2">
                 {destinationAddress}
diff --git a/components/google-text-input.tsx b/components/google-text-input.tsx
index d6a2d22..28a5634 100644
--- a/components/google-text-input.tsx
+++ b/components/google-text-input.tsx
@@ -77,6 +77,7 @@ export const GoogleTextInput = ({
           >
             <Image
               source={icon ? icon : icons.search}
+              alt="Search"
               className="w-6 h-6"
               resizeMode="contain"
             />
diff --git a/components/oauth.tsx b/components/oauth.tsx
index 5bd2df2..0594be4 100644
--- a/components/oauth.tsx
+++ b/components/oauth.tsx
@@ -1,12 +1,12 @@
 import { useOAuth } from "@clerk/clerk-expo";
+import { router } from "expo-router";
 import { useCallback } from "react";
 import { Image, Text, View } from "react-native";
 
 import { icons } from "@/constants";
+import { googleOAuth } from "@/lib/auth";
 
 import { CustomButton } from "./custom-button";
-import { googleOAuth } from "@/lib/auth";
-import { router } from "expo-router";
 
 type OAuthProps = {
   title: string;
diff --git a/components/ride-card.tsx b/components/ride-card.tsx
index 6cc87b7..7dc8109 100644
--- a/components/ride-card.tsx
+++ b/components/ride-card.tsx
@@ -24,6 +24,7 @@ export const RideCard = ({ ride }: { ride: Ride }) => {
             source={{
               uri: `https://maps.geoapify.com/v1/staticmap?style=osm-bright&width=600&height=400&center=lonlat:${destination_longitude},${destination_latitude}&zoom=14&apiKey=${process.env.EXPO_PUBLIC_GEOAPIFY_API_KEY}`,
             }}
+            alt="Map"
             className="w-[80px] h-[90px] rounded-lg"
           />