From b17cf259701e9c02447fec31f2f631b810c3777a Mon Sep 17 00:00:00 2001 From: Filip Rojek Date: Wed, 8 May 2024 21:18:47 +0200 Subject: [PATCH] Added: Link and Text component, Named links for components..., Tab layout --- frontend/app/(app)/(tabs)/_layout.js | 69 + frontend/app/(app)/(tabs)/beer/add.js | 10 + frontend/app/(app)/(tabs)/beer/index.js | 21 + frontend/app/(app)/(tabs)/index.js | 30 + frontend/app/(app)/(tabs)/review.js | 10 + frontend/app/(app)/(tabs)/settings.js | 17 + frontend/app/(app)/_layout.js | 14 +- frontend/app/(app)/index.js | 23 - frontend/babel.config.js | 13 + frontend/components/Button.js | 2 +- frontend/components/Link.js | 15 + frontend/components/Text.js | 13 + frontend/components/style.js | 3 +- frontend/package-lock.json | 30570 +++++++++++----------- frontend/package.json | 3 +- 15 files changed, 15591 insertions(+), 15222 deletions(-) create mode 100644 frontend/app/(app)/(tabs)/_layout.js create mode 100644 frontend/app/(app)/(tabs)/beer/add.js create mode 100644 frontend/app/(app)/(tabs)/beer/index.js create mode 100644 frontend/app/(app)/(tabs)/index.js create mode 100644 frontend/app/(app)/(tabs)/review.js create mode 100644 frontend/app/(app)/(tabs)/settings.js delete mode 100644 frontend/app/(app)/index.js create mode 100644 frontend/components/Link.js create mode 100644 frontend/components/Text.js diff --git a/frontend/app/(app)/(tabs)/_layout.js b/frontend/app/(app)/(tabs)/_layout.js new file mode 100644 index 0000000..43cdec3 --- /dev/null +++ b/frontend/app/(app)/(tabs)/_layout.js @@ -0,0 +1,69 @@ +import React from "react"; +import FontAwesome from "@expo/vector-icons/FontAwesome"; +import MaterialIcons from "@expo/vector-icons/MaterialIcons"; +import { Tabs } from "expo-router"; +import { StyleSheet, View } from "react-native"; +import { colors } from "@components/style"; +import { StatusBar } from "expo-status-bar"; + +export default function TabLayout() { + return ( + + + + ( + + ), + }} + /> + ( + + ), + }} + /> + ( + + ), + }} + /> + ( + + ), + }} + /> + + {/* Hide following routes from bottom bar */} + + + + ); +} diff --git a/frontend/app/(app)/(tabs)/beer/add.js b/frontend/app/(app)/(tabs)/beer/add.js new file mode 100644 index 0000000..85a6822 --- /dev/null +++ b/frontend/app/(app)/(tabs)/beer/add.js @@ -0,0 +1,10 @@ +import { View } from "react-native"; +import Text from "@components/Text"; + +export default function BeerAdd() { + return ( + + Beer Add + + ); +} diff --git a/frontend/app/(app)/(tabs)/beer/index.js b/frontend/app/(app)/(tabs)/beer/index.js new file mode 100644 index 0000000..0b2176a --- /dev/null +++ b/frontend/app/(app)/(tabs)/beer/index.js @@ -0,0 +1,21 @@ +import { View } from "react-native"; +import Text from "@components/Text"; +import Button from "@components/Button"; +import { colors } from "@components/style"; +import { router } from "expo-router"; + +export default function Tab() { + return ( + + Tab BEER + +