First commit

Author: rossanodrs

App.js

@@ -0,0 +1,58 @@
+import React from "react";
+import Constants from "expo-constants";
+
+import * as SplashScreen from "expo-splash-screen";
+import theme from "./src/theme";
+
+import {
+  useFonts,
+  Roboto_300Light,
+  Roboto_400Regular,
+  Roboto_500Medium,
+  Roboto_700Bold,
+} from "@expo-google-fonts/roboto";
+import {
+  Poppins_300Light,
+  Poppins_400Regular,
+  Poppins_500Medium,
+  Poppins_600SemiBold,
+  Poppins_700Bold,
+} from "@expo-google-fonts/poppins";
+import { Text, View } from "react-native";
+import { GestureHandlerRootView } from "react-native-gesture-handler";
+import { ThemeProvider } from "styled-components/native";
+
+import { Home } from "./src/screens/Home";
+import { SafeAreaProvider } from "react-native-safe-area-context";
+import { StatusBar } from "expo-status-bar";
+import { Routes } from "./src/routes";
+
+export default function App() {
+  SplashScreen.preventAutoHideAsync();
+  const [fontsLoaded] = useFonts({
+    Roboto_300Light,
+    Roboto_400Regular,
+    Roboto_500Medium,
+    Roboto_700Bold,
+    Poppins_300Light,
+    Poppins_400Regular,
+    Poppins_500Medium,
+    Poppins_600SemiBold,
+    Poppins_700Bold,
+  });
+  if (!fontsLoaded) {
+    return null;
+  }
+  SplashScreen.hideAsync();
+
+  return (
+    <SafeAreaProvider style={{ marginTop: Constants.statusBarHeight }}>
+      <GestureHandlerRootView style={{ flex: 1 }}>
+        <StatusBar style="light" translucent backgroundColor="transparent" />
+        <ThemeProvider theme={theme}>
+          <Routes />
+        </ThemeProvider>
+      </GestureHandlerRootView>
+    </SafeAreaProvider>
+  );
+}

App.tsx

@@ -1,6 +1,6 @@
-module.exports = function(api) {
+module.exports = function (api) {
   api.cache(true);
   return {
-    presets: ['babel-preset-expo']
+    presets: ["babel-preset-expo"],
   };
 };

babel.config.js

@@ -1,4 +1,20 @@
 // Learn more https://docs.expo.io/guides/customizing-metro
 const { getDefaultConfig } = require('expo/metro-config');
 
-module.exports = getDefaultConfig(__dirname);
+module.exports = (() => {
+    const config = getDefaultConfig(__dirname);
+  
+    const { transformer, resolver } = config;
+  
+    config.transformer = {
+      ...transformer,
+      babelTransformerPath: require.resolve("react-native-svg-transformer"),
+    };
+    config.resolver = {
+      ...resolver,
+      assetExts: resolver.assetExts.filter((ext) => ext !== "svg"),
+      sourceExts: [...resolver.sourceExts, "svg"],
+    };
+  
+    return config;
+  })();

metro.config.js

@@ -9,14 +9,39 @@
     "web": "expo start --web"
   },
   "dependencies": {
+    "@expo-google-fonts/poppins": "^0.2.2",
+    "@expo-google-fonts/roboto": "^0.2.2",
+    "@react-native-async-storage/async-storage": "^1.17.11",
+    "@react-navigation/bottom-tabs": "^6.4.1",
+    "@react-navigation/native": "^6.0.14",
+    "@react-navigation/native-stack": "^6.9.2",
+    "@rneui/base": "^4.0.0-rc.7",
+    "@rneui/themed": "^4.0.0-rc.7",
+    "@types/styled-components": "^5.1.26",
     "expo": "~47.0.6",
+    "expo-dev-client": "~2.0.1",
+    "expo-fast-image": "^1.1.3",
+    "expo-file-system": "~15.1.1",
     "expo-splash-screen": "~0.17.5",
     "expo-status-bar": "~1.4.2",
+    "firebase": "^9.14.0",
     "react": "18.1.0",
-    "react-native": "0.70.5"
+    "react-native": "0.70.5",
+    "react-native-fast-image": "^8.6.3",
+    "react-native-gesture-handler": "~2.8.0",
+    "react-native-responsive-fontsize": "^0.5.1",
+    "react-native-safe-area-context": "4.4.1",
+    "react-native-screens": "~3.18.0",
+    "react-native-svg": "13.4.0",
+    "styled-components": "^5.3.6"
   },
   "devDependencies": {
-    "@babel/core": "^7.12.9"
+    "@babel/core": "^7.12.9",
+    "@types/react": "~18.0.24",
+    "@types/react-native": "~0.70.6",
+    "@types/styled-components-react-native": "^5.2.0",
+    "react-native-svg-transformer": "^1.0.0",
+    "typescript": "^4.6.3"
   },
   "private": true
 }

package.json

@@ -0,0 +1 @@
+declare module "*.png"

src/@types/png.d.ts

@@ -0,0 +1,6 @@
+declare module "*.svg" {
+    import React from "react";
+    import { SvgProps } from 'react-native-svg';
+    const content: React.FC<SvgProps>;
+    export default content;
+}

src/@types/svg.d.ts

@@ -0,0 +1,5 @@
+export interface CategoryDTO {
+  uid: string;
+  name: string;
+  subCategories: string[];
+}

src/DTOs/CategoryDTO.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { RectButtonProps } from "react-native-gesture-handler";
+
+import { Container, Content, Title } from "./styles";
+
+interface Props extends RectButtonProps {
+  type: "black" | "white" | "red";
+  title: string;
+}
+export function Button({ type, title, ...rest }: Props) {
+  return (
+    <Container type={type}>
+      <Content {...rest}>
+        <Title type={type}>{title}</Title>
+      </Content>
+    </Container>
+  );
+}

src/assets/Firefoo-1.5.5.Setup.exe

@@ -0,0 +1,29 @@
+import { RectButton } from "react-native-gesture-handler";
+import { RFValue } from "react-native-responsive-fontsize";
+import styled from "styled-components/native";
+
+interface Props {
+  type: "black" | "white" | "red";
+}
+
+export const Container = styled.View<Props>`
+  min-height: 45px;
+  max-height: 50px;
+  width: 100%;
+  background-color: ${({ theme, type }) =>
+    (type === "black" && theme.COLORS.light_contrast) ||
+    (type === "white" && theme.COLORS.light_background) ||
+    (type === "red" && theme.COLORS.danger)};
+`;
+export const Content = styled(RectButton)`
+  flex: 1;
+  justify-content:center ;
+  align-items:center ;
+`;
+
+export const Title = styled.Text<Props>`
+  font-family: ${({ theme }) => theme.FONTS.TEXT_BOLD};
+  font-size: ${RFValue(12)}px;
+  color: ${({ theme, type }) =>
+    type === "white" ? theme.COLORS.danger : theme.COLORS.light_tint};
+`;