From 8914cca32c1b2b5371fbb033550bb06b9eef09a2 Mon Sep 17 00:00:00 2001
From: Adrian Castro <22133246+castdrian@users.noreply.github.com>
Date: Sun, 18 Feb 2024 21:37:46 +0100
Subject: [PATCH] feat: slight visual indication that search tab is focused

---
 apps/expo/src/app/(tabs)/_layout.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/expo/src/app/(tabs)/_layout.tsx b/apps/expo/src/app/(tabs)/_layout.tsx
index 0b598b5..b52b70c 100644
--- a/apps/expo/src/app/(tabs)/_layout.tsx
+++ b/apps/expo/src/app/(tabs)/_layout.tsx
@@ -56,8 +56,10 @@ export default function TabLayout() {
         options={{
           title: "Search",
           tabBarLabel: "",
-          tabBarIcon: () => (
-            <View className="android:top-2 ios:top-2 flex h-14 w-14 items-center justify-center overflow-hidden rounded-full bg-primary-400 text-center align-middle text-2xl text-white">
+          tabBarIcon: ({ focused }) => (
+            <View
+              className={`android:top-2 ios:top-2 flex h-14 w-14 items-center justify-center overflow-hidden rounded-full ${focused ? "bg-primary-300" : "bg-primary-400"} text-center align-middle text-2xl text-white`}
+            >
               <TabBarIcon name="search" color="#FFF" />
             </View>
           ),