70 lines
1.6 KiB
TypeScript
70 lines
1.6 KiB
TypeScript
import { Redirect, Tabs } from "expo-router"
|
|
import React from "react"
|
|
|
|
import { TabBarIcon } from "@/presentation/react-native/ui/TabBarIcon"
|
|
import { useAuthentication } from "@/presentation/react/contexts/Authentication"
|
|
|
|
const TabLayout: React.FC = () => {
|
|
const { user } = useAuthentication()
|
|
|
|
if (user == null) {
|
|
return <Redirect href="/authentication/login" />
|
|
}
|
|
|
|
return (
|
|
<Tabs
|
|
screenOptions={{
|
|
headerShown: false,
|
|
}}
|
|
>
|
|
<Tabs.Screen
|
|
name="habits/index"
|
|
options={{
|
|
headerShown: false,
|
|
title: "Habits",
|
|
tabBarIcon: ({ color }) => {
|
|
return <TabBarIcon name="sticky-note" color={color} />
|
|
},
|
|
}}
|
|
/>
|
|
<Tabs.Screen
|
|
name="habits/new"
|
|
options={{
|
|
title: "New Habit",
|
|
unmountOnBlur: true,
|
|
tabBarIcon: ({ color }) => {
|
|
return <TabBarIcon name="plus-square" color={color} />
|
|
},
|
|
}}
|
|
/>
|
|
<Tabs.Screen
|
|
name="habits/[habitId]"
|
|
options={{
|
|
unmountOnBlur: true,
|
|
href: null,
|
|
}}
|
|
/>
|
|
<Tabs.Screen
|
|
name="habits/history"
|
|
options={{
|
|
title: "History",
|
|
tabBarIcon: ({ color }) => {
|
|
return <TabBarIcon name="history" color={color} />
|
|
},
|
|
}}
|
|
/>
|
|
<Tabs.Screen
|
|
name="users/settings"
|
|
options={{
|
|
title: "Settings",
|
|
tabBarIcon: ({ color }) => {
|
|
return <TabBarIcon name="cog" color={color} />
|
|
},
|
|
}}
|
|
/>
|
|
</Tabs>
|
|
)
|
|
}
|
|
|
|
export default TabLayout
|