update

src/screens/Library/Library.js

@@ -1,4 +1,4 @@
-import { View, Image, ScrollView } from "react-native";
+import { View, Image, ScrollView, Pressable } from "react-native";
 import React from "react";
 import Page from "../../layouts/Page";
 import { background, icons } from "../../assets";
@@ -11,13 +11,21 @@ import LikedPlayback from "./components/LikedPlayback";
 import LikedClips from "./components/LikedClips";
 import { responsiveHeight } from "react-native-responsive-dimensions";
 import MyPlaylist from "./components/MyPlaylist";
+import { navigate } from "../../navigation/NavigationService";
+import { Routes } from "../../navigation";
 
 const Library = () => {
   return (
     <Page backgroundImg={background.libraryBG} headerType="NONE">
       <View style={{ gap: 17, paddingBottom: 20 }}>
         <Image source={icons.musicLandLogo} style={{ alignSelf: "center" }} />
-        <SearchBar />
+        <Pressable onPress={() => navigate(Routes.Research)}>
+          <SearchBar
+            textInputProps={{
+              editable: false,
+            }}
+          />
+        </Pressable>
       </View>
       <View style={{ flex: 1 }}>
         <ScrollView