Merge branch 'main' into #45-tabbar

components/Rating.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Rating } from 'react-native-rating-element';
+
+export const RatingDots = () => {
+
+	return (
+		<Rating
+			rated={1}
+			totalCount={5}
+			ratingColor="#FFFD54"
+			ratingBackgroundColor="rgba(51,51,51,0.7)"
+			size={24}
+			readonly // by default is false
+			icon="ios-star"
+			direction="row" // anyOf["row" (default), "row-reverse", "column", "column-reverse"]
+		/>
+	);
+};

navigation/index.tsx

@@ -3,7 +3,7 @@
  * https://reactnavigation.org/docs/getting-started
  *
  */
-import { FontAwesome } from "@expo/vector-icons";
+import { AntDesign, FontAwesome, Ionicons } from "@expo/vector-icons";
 import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
 import {
   NavigationContainer,
@@ -24,15 +24,17 @@ import NotificationsScreen from "../screens/NotificationsScreen";
 import SigninScreen from "../screens/SigninScreen";
 import SignupScreen from "../screens/SignupScreen";
 import ProfileScreen from "../screens/ProfileScreen";
+import ForgotPassword from "../screens/ForgotPassword";
 
 import {
   RootStackParamList,
   RootTabParamList,
   RootTabScreenProps,
 } from "../types";
+
 import LinkingConfiguration from "./LinkingConfiguration";
 import { Ionicons, AntDesign } from "@expo/vector-icons";
-import ForgotPassword from "../screens/ForgotPassword";
+
 
 export default function Navigation({
   colorScheme,
@@ -94,6 +96,7 @@ function BottomTabNavigator() {
     <BottomTab.Navigator
       initialRouteName="Home"
       screenOptions={{
+        headerStyle: { backgroundColor: "#1B1324", height: 100 },
         tabBarActiveTintColor: "white",
         tabBarInactiveTintColor: "gray",
         tabBarStyle: { backgroundColor: "#1B1324", height: 100, padding: 15 },
@@ -159,12 +162,8 @@ function BottomTabNavigator() {
   );
 }
 
-/**
- * You can explore the built-in icon families and icons on the web at https://icons.expo.fyi/
- */
-function TabBarIcon(props: {
-  name: React.ComponentProps<typeof FontAwesome>["name"];
-  color: string;
-}) {
-  return <FontAwesome size={30} style={{ marginBottom: -3 }} {...props} />;
-}
+// function TabBarIcon(props: {
+//   name: React.ComponentProps<typeof FontAwesome>["name"];
+//   color: string;
+// }) {
+//   return <FontAwesome size={30} style={{ marginBottom: -3 }} {...props} />;