add scraper screen

This commit is contained in:
Jorrin
2024-03-09 21:46:38 +01:00
parent 0d135182c1
commit 0e00115e16
9 changed files with 464 additions and 139 deletions

View File

@@ -9,6 +9,7 @@ import { defaultTheme } from "@movie-web/tailwind-config/themes";
import { MovieWebSvg } from "~/components/Icon";
import SvgTabBarIcon from "~/components/SvgTabBarIcon";
import TabBarIcon from "~/components/TabBarIcon";
import { cn } from "~/lib/utils";
import SearchTabContext from "../../components/ui/SearchTabContext";
export default function TabLayout() {
@@ -83,7 +84,13 @@ export default function TabLayout() {
tabBarLabel: "",
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`}
className={cn(
`top-2 flex h-14 w-14 items-center justify-center overflow-hidden rounded-full text-center align-middle text-2xl text-white ${focused ? "bg-tabBar-active" : "bg-tabBar-inactive"}`,
{
"bg-tabBar-active": focused,
"bg-tabBar-inactive": !focused,
},
)}
>
<TabBarIcon name="search" color="#FFF" />
</View>