add font and Text component

emzet93 · Jul 1, 2024 · 9eb97c2 · 9eb97c2
1 parent 4e94a4e
commit 9eb97c2
Show file tree

Hide file tree

Showing 31 changed files with 2,097 additions and 664 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -0,0 +1,23 @@
+module.exports = {
+  extends: ["expo", "prettier"],
+  plugins: ["prettier", "import"],
+  rules: {
+    "prettier/prettier": "error",
+    "import/order": [
+      "error",
+      {
+        "newlines-between": "always",
+        pathGroups: [
+          {
+            pattern: "@/**",
+            group: "parent",
+          },
+        ],
+        alphabetize: {
+          order: "asc",
+          caseInsensitive: true,
+        },
+      },
+    ],
+  },
+};
diff --git a/.gitignore b/.gitignore
@@ -12,3 +12,9 @@ web-build/
 
 # macOS
 .DS_Store
+
+# @generated expo-cli sync-2b81b286409207a5da26e14c78851eb30d8ccbdb
+# The following patterns were generated by expo-cli
+
+expo-env.d.ts
+# @end expo-cli
diff --git a/app.json b/app.json
@@ -13,13 +13,15 @@
       "backgroundColor": "#ffffff"
     },
     "ios": {
-      "supportsTablet": true
+      "supportsTablet": true,
+      "bundleIdentifier": "com.emzet.poolsuite"
     },
     "android": {
       "adaptiveIcon": {
         "foregroundImage": "./assets/images/adaptive-icon.png",
         "backgroundColor": "#ffffff"
-      }
+      },
+      "package": "com.emzet.poolsuite"
     },
     "web": {
       "bundler": "metro",

diff --git a/app/(tabs)/_layout.tsx b/app/(tabs)/_layout.tsx
diff --git a/app/(tabs)/explore.tsx b/app/(tabs)/explore.tsx
diff --git a/app/(tabs)/index.tsx b/app/(tabs)/index.tsx
diff --git a/app/+html.tsx b/app/+html.tsx
diff --git a/app/+not-found.tsx b/app/+not-found.tsx
diff --git a/app/_layout.tsx b/app/_layout.tsx
@@ -1,19 +1,19 @@
-import { DarkTheme, DefaultTheme, ThemeProvider } from '@react-navigation/native';
-import { useFonts } from 'expo-font';
-import { Stack } from 'expo-router';
-import * as SplashScreen from 'expo-splash-screen';
-import { useEffect } from 'react';
-import 'react-native-reanimated';
+import { useFonts } from "expo-font";
+import { Stack } from "expo-router";
+import * as SplashScreen from "expo-splash-screen";
+import { useEffect } from "react";
 
-import { useColorScheme } from '@/hooks/useColorScheme';
+import { setupThemes } from "@/theme";
+import "react-native-reanimated";
+
+setupThemes();
 
 // Prevent the splash screen from auto-hiding before asset loading is complete.
 SplashScreen.preventAutoHideAsync();
 
 export default function RootLayout() {
-  const colorScheme = useColorScheme();
   const [loaded] = useFonts({
-    SpaceMono: require('../assets/fonts/SpaceMono-Regular.ttf'),
+    Chicago: require("../assets/fonts/Chicago.ttf"),
   });
 
   useEffect(() => {
@@ -27,11 +27,8 @@ export default function RootLayout() {
   }
 
   return (
-    <ThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
-      <Stack>
-        <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
-        <Stack.Screen name="+not-found" />
-      </Stack>
-    </ThemeProvider>
+    <Stack>
+      <Stack.Screen name="index" options={{ headerShown: false }} />
+    </Stack>
   );
 }