Commit 0ccc1904 authored by Lorenzo Trujillo Rojas's avatar Lorenzo Trujillo Rojas
Browse files

Se agregó multilenguaje a las tabs de la aplicación

parent 30670e99

mobile/app/(tabs)/_layout.tsx

+16 −8
Original line number Diff line number Diff line 
import { Redirect, Tabs } from "expo-router";

import { Ionicons } from "@expo/vector-icons";

import { FontAwesome5 } from "@expo/vector-icons";

import { LIGTHT_THEME } from "../../src/common/constants/theme";

import { LIGHT_THEME } from "../../src/common/constants/theme";

import { useAuth } from "../../src/auth/contexts/auth_context";

import { useTranslation } from "react-i18next";

import { useSetUp } from "../../src/common/contexts/set_up_context";



export default function Layout() {

  const { user } = useAuth();

  const { isFirstTime } = useSetUp();

  const LANG = useTranslation();

  console.log(user);

  if (!user) {

    return <Redirect href={'/login'}/>;

  }



  if (isFirstTime) {

    return <Redirect href={'/profile/set_up'}/>;

  }

  

  return (

    <Tabs

      initialRouteName="index"

      screenOptions={{

        tabBarActiveTintColor: LIGTHT_THEME.color.primary,

        tabBarInactiveTintColor: LIGTHT_THEME.color.secondary,

        tabBarActiveTintColor: LIGHT_THEME.color.primary,

        tabBarInactiveTintColor: LIGHT_THEME.color.secondary,

        headerStyle: {

          backgroundColor: LIGTHT_THEME.color.primary,

          backgroundColor: LIGHT_THEME.color.primary,

        },

        headerTitleStyle: {

          color: LIGTHT_THEME.color.white,

          color: LIGHT_THEME.color.white,

        },

        headerTitleAlign: "center",

      }}
@@ -29,7 +37,7 @@ export default function Layout() { 
      <Tabs.Screen

        name="index"

        options={{

          title: "Home",

          title: LANG.t("tabBar.homeLabel"),

          tabBarIcon: ({ color, focused }) => {

            if (focused) {

              return <Ionicons name="home" size={24} color={color} />;
@@ -41,7 +49,7 @@ export default function Layout() { 
      <Tabs.Screen

        name="travel_history"

        options={{

          title: "Travel History",

          title: LANG.t("tabBar.travelHistoryLabel"),

          tabBarIcon: ({ color, focused }) => {

            if (focused) {

              return <FontAwesome5 name="history" size={24} color={color} />;
@@ -53,7 +61,7 @@ export default function Layout() { 
      <Tabs.Screen

        name="account"

        options={{

          title: "Account",

          title: LANG.t("tabBar.accountLabel"),

          tabBarIcon: ({ color, focused }) => {

            if (focused) {

              return <Ionicons name="person" size={24} color={color} />;