diff --git a/app.json b/app.json index 4ec7238..aca253e 100644 --- a/app.json +++ b/app.json @@ -1,11 +1,11 @@ { "expo": { - "name": "uber-clone", - "slug": "uber-clone", + "name": "Ryde", + "slug": "Ryde", "version": "1.0.0", "orientation": "portrait", "icon": "./assets/images/icon.png", - "scheme": "myapp", + "scheme": "ryde", "userInterfaceStyle": "automatic", "splash": { "image": "./assets/images/splash.png", @@ -26,9 +26,7 @@ "output": "static", "favicon": "./assets/images/favicon.png" }, - "plugins": [ - "expo-router" - ], + "plugins": ["expo-router"], "experiments": { "typedRoutes": true } diff --git a/app/(tabs)/_layout.tsx b/app/(tabs)/_layout.tsx deleted file mode 100644 index 22a49b6..0000000 --- a/app/(tabs)/_layout.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import { Tabs } from 'expo-router'; -import React from 'react'; - -import { TabBarIcon } from '@/components/navigation/TabBarIcon'; -import { Colors } from '@/constants/Colors'; -import { useColorScheme } from '@/hooks/useColorScheme'; - -export default function TabLayout() { - const colorScheme = useColorScheme(); - - return ( - - ( - - ), - }} - /> - ( - - ), - }} - /> - - ); -} diff --git a/app/(tabs)/explore.tsx b/app/(tabs)/explore.tsx deleted file mode 100644 index e480218..0000000 --- a/app/(tabs)/explore.tsx +++ /dev/null @@ -1,102 +0,0 @@ -import Ionicons from '@expo/vector-icons/Ionicons'; -import { StyleSheet, Image, Platform } from 'react-native'; - -import { Collapsible } from '@/components/Collapsible'; -import { ExternalLink } from '@/components/ExternalLink'; -import ParallaxScrollView from '@/components/ParallaxScrollView'; -import { ThemedText } from '@/components/ThemedText'; -import { ThemedView } from '@/components/ThemedView'; - -export default function TabTwoScreen() { - return ( - }> - - Explore - - This app includes example code to help you get started. - - - This app has two screens:{' '} - app/(tabs)/index.tsx and{' '} - app/(tabs)/explore.tsx - - - The layout file in app/(tabs)/_layout.tsx{' '} - sets up the tab navigator. - - - Learn more - - - - - You can open this project on Android, iOS, and the web. To open the web version, press{' '} - w in the terminal running this project. - - - - - For static images, you can use the @2x and{' '} - @3x suffixes to provide files for - different screen densities - - - - Learn more - - - - - Open app/_layout.tsx to see how to load{' '} - - custom fonts such as this one. - - - - Learn more - - - - - This template has light and dark mode support. The{' '} - useColorScheme() hook lets you inspect - what the user's current color scheme is, and so you can adjust UI colors accordingly. - - - Learn more - - - - - This template includes an example of an animated component. The{' '} - components/HelloWave.tsx component uses - the powerful react-native-reanimated library - to create a waving hand animation. - - {Platform.select({ - ios: ( - - The components/ParallaxScrollView.tsx{' '} - component provides a parallax effect for the header image. - - ), - })} - - - ); -} - -const styles = StyleSheet.create({ - headerImage: { - color: '#808080', - bottom: -90, - left: -35, - position: 'absolute', - }, - titleContainer: { - flexDirection: 'row', - gap: 8, - }, -}); diff --git a/app/(tabs)/index.tsx b/app/(tabs)/index.tsx deleted file mode 100644 index c6cbb21..0000000 --- a/app/(tabs)/index.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import { StatusBar } from "expo-status-bar"; -import { Text } from "react-native"; -import { SafeAreaView } from "react-native-safe-area-context"; - -export default function HomeScreen() { - return ( - - Uber Clone - - - - ); -} diff --git a/app/+not-found.tsx b/app/+not-found.tsx deleted file mode 100644 index 963b04f..0000000 --- a/app/+not-found.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import { Link, Stack } from 'expo-router'; -import { StyleSheet } from 'react-native'; - -import { ThemedText } from '@/components/ThemedText'; -import { ThemedView } from '@/components/ThemedView'; - -export default function NotFoundScreen() { - return ( - <> - - - This screen doesn't exist. - - Go to home screen! - - - - ); -} - -const styles = StyleSheet.create({ - container: { - flex: 1, - alignItems: 'center', - justifyContent: 'center', - padding: 20, - }, - link: { - marginTop: 15, - paddingVertical: 15, - }, -}); diff --git a/app/_layout.tsx b/app/_layout.tsx index 2e37cdd..ae7f26a 100644 --- a/app/_layout.tsx +++ b/app/_layout.tsx @@ -1,19 +1,21 @@ -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 { useColorScheme } from '@/hooks/useColorScheme'; +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"; // 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'), + "Jakarta-Bold": require("../assets/fonts/PlusJakartaSans-Bold.ttf"), + "Jakarta-ExtraBold": require("../assets/fonts/PlusJakartaSans-ExtraBold.ttf"), + "Jakarta-ExtraLight": require("../assets/fonts/PlusJakartaSans-ExtraLight.ttf"), + "Jakarta-Light": require("../assets/fonts/PlusJakartaSans-Light.ttf"), + "Jakarta-Medium": require("../assets/fonts/PlusJakartaSans-Medium.ttf"), + "Jakarta-Regular": require("../assets/fonts/PlusJakartaSans-Regular.ttf"), + "Jakarta-SemiBold": require("../assets/fonts/PlusJakartaSans-SemiBold.ttf"), }); useEffect(() => { @@ -27,11 +29,9 @@ export default function RootLayout() { } return ( - - - - - - + + + + ); } diff --git a/app/index.tsx b/app/index.tsx new file mode 100644 index 0000000..4fe8492 --- /dev/null +++ b/app/index.tsx @@ -0,0 +1,12 @@ +import { Text } from "react-native"; +import { SafeAreaView } from "react-native-safe-area-context"; + +const Home = () => { + return ( + + Home + + ); +}; + +export default Home; diff --git a/assets/fonts/PlusJakartaSans-Bold.ttf b/assets/fonts/PlusJakartaSans-Bold.ttf new file mode 100644 index 0000000..386d3a6 Binary files /dev/null and b/assets/fonts/PlusJakartaSans-Bold.ttf differ diff --git a/assets/fonts/PlusJakartaSans-BoldItalic.ttf b/assets/fonts/PlusJakartaSans-BoldItalic.ttf new file mode 100644 index 0000000..20540d3 Binary files /dev/null and b/assets/fonts/PlusJakartaSans-BoldItalic.ttf differ diff --git a/assets/fonts/PlusJakartaSans-ExtraBold.ttf b/assets/fonts/PlusJakartaSans-ExtraBold.ttf new file mode 100644 index 0000000..a67cafd Binary files /dev/null and b/assets/fonts/PlusJakartaSans-ExtraBold.ttf differ diff --git a/assets/fonts/PlusJakartaSans-ExtraBoldItalic.ttf b/assets/fonts/PlusJakartaSans-ExtraBoldItalic.ttf new file mode 100644 index 0000000..c38f755 Binary files /dev/null and b/assets/fonts/PlusJakartaSans-ExtraBoldItalic.ttf differ diff --git a/assets/fonts/PlusJakartaSans-ExtraLight.ttf b/assets/fonts/PlusJakartaSans-ExtraLight.ttf new file mode 100644 index 0000000..bb43929 Binary files /dev/null and b/assets/fonts/PlusJakartaSans-ExtraLight.ttf differ diff --git a/assets/fonts/PlusJakartaSans-ExtraLightItalic.ttf b/assets/fonts/PlusJakartaSans-ExtraLightItalic.ttf new file mode 100644 index 0000000..15abe5d Binary files /dev/null and b/assets/fonts/PlusJakartaSans-ExtraLightItalic.ttf differ diff --git a/assets/fonts/PlusJakartaSans-Italic.ttf b/assets/fonts/PlusJakartaSans-Italic.ttf new file mode 100644 index 0000000..dc955cf Binary files /dev/null and b/assets/fonts/PlusJakartaSans-Italic.ttf differ diff --git a/assets/fonts/PlusJakartaSans-Light.ttf b/assets/fonts/PlusJakartaSans-Light.ttf new file mode 100644 index 0000000..215db16 Binary files /dev/null and b/assets/fonts/PlusJakartaSans-Light.ttf differ diff --git a/assets/fonts/PlusJakartaSans-LightItalic.ttf b/assets/fonts/PlusJakartaSans-LightItalic.ttf new file mode 100644 index 0000000..ee12a1d Binary files /dev/null and b/assets/fonts/PlusJakartaSans-LightItalic.ttf differ diff --git a/assets/fonts/PlusJakartaSans-Medium.ttf b/assets/fonts/PlusJakartaSans-Medium.ttf new file mode 100644 index 0000000..1e58066 Binary files /dev/null and b/assets/fonts/PlusJakartaSans-Medium.ttf differ diff --git a/assets/fonts/PlusJakartaSans-MediumItalic.ttf b/assets/fonts/PlusJakartaSans-MediumItalic.ttf new file mode 100644 index 0000000..d6d28b3 Binary files /dev/null and b/assets/fonts/PlusJakartaSans-MediumItalic.ttf differ diff --git a/assets/fonts/PlusJakartaSans-Regular.ttf b/assets/fonts/PlusJakartaSans-Regular.ttf new file mode 100644 index 0000000..1e77059 Binary files /dev/null and b/assets/fonts/PlusJakartaSans-Regular.ttf differ diff --git a/assets/fonts/PlusJakartaSans-SemiBold.ttf b/assets/fonts/PlusJakartaSans-SemiBold.ttf new file mode 100644 index 0000000..49817ef Binary files /dev/null and b/assets/fonts/PlusJakartaSans-SemiBold.ttf differ diff --git a/assets/fonts/PlusJakartaSans-SemiBoldItalic.ttf b/assets/fonts/PlusJakartaSans-SemiBoldItalic.ttf new file mode 100644 index 0000000..8399e98 Binary files /dev/null and b/assets/fonts/PlusJakartaSans-SemiBoldItalic.ttf differ diff --git a/assets/fonts/SpaceMono-Regular.ttf b/assets/fonts/SpaceMono-Regular.ttf deleted file mode 100755 index 28d7ff7..0000000 Binary files a/assets/fonts/SpaceMono-Regular.ttf and /dev/null differ diff --git a/assets/icons/arrow-down.png b/assets/icons/arrow-down.png new file mode 100644 index 0000000..107b2d2 Binary files /dev/null and b/assets/icons/arrow-down.png differ diff --git a/assets/icons/arrow-up.png b/assets/icons/arrow-up.png new file mode 100644 index 0000000..393aa73 Binary files /dev/null and b/assets/icons/arrow-up.png differ diff --git a/assets/icons/back-arrow.png b/assets/icons/back-arrow.png new file mode 100644 index 0000000..97266bd Binary files /dev/null and b/assets/icons/back-arrow.png differ diff --git a/assets/icons/chat.png b/assets/icons/chat.png new file mode 100644 index 0000000..9a2ce81 Binary files /dev/null and b/assets/icons/chat.png differ diff --git a/assets/icons/check.png b/assets/icons/check.png new file mode 100644 index 0000000..5c7acd1 Binary files /dev/null and b/assets/icons/check.png differ diff --git a/assets/icons/close.png b/assets/icons/close.png new file mode 100644 index 0000000..23394bb Binary files /dev/null and b/assets/icons/close.png differ diff --git a/assets/icons/dollar.png b/assets/icons/dollar.png new file mode 100644 index 0000000..9af0a84 Binary files /dev/null and b/assets/icons/dollar.png differ diff --git a/assets/icons/email.png b/assets/icons/email.png new file mode 100644 index 0000000..2e818a8 Binary files /dev/null and b/assets/icons/email.png differ diff --git a/assets/icons/eyecross.png b/assets/icons/eyecross.png new file mode 100644 index 0000000..c31b68c Binary files /dev/null and b/assets/icons/eyecross.png differ diff --git a/assets/icons/google.png b/assets/icons/google.png new file mode 100644 index 0000000..edbed18 Binary files /dev/null and b/assets/icons/google.png differ diff --git a/assets/icons/home.png b/assets/icons/home.png new file mode 100644 index 0000000..393bf3b Binary files /dev/null and b/assets/icons/home.png differ diff --git a/assets/icons/list.png b/assets/icons/list.png new file mode 100644 index 0000000..e538b1b Binary files /dev/null and b/assets/icons/list.png differ diff --git a/assets/icons/lock.png b/assets/icons/lock.png new file mode 100644 index 0000000..c5afdc2 Binary files /dev/null and b/assets/icons/lock.png differ diff --git a/assets/icons/map.png b/assets/icons/map.png new file mode 100644 index 0000000..92a82f8 Binary files /dev/null and b/assets/icons/map.png differ diff --git a/assets/icons/marker.png b/assets/icons/marker.png new file mode 100644 index 0000000..86b042c Binary files /dev/null and b/assets/icons/marker.png differ diff --git a/assets/icons/out.png b/assets/icons/out.png new file mode 100644 index 0000000..5b3eff6 Binary files /dev/null and b/assets/icons/out.png differ diff --git a/assets/icons/person.png b/assets/icons/person.png new file mode 100644 index 0000000..80dd419 Binary files /dev/null and b/assets/icons/person.png differ diff --git a/assets/icons/pin.png b/assets/icons/pin.png new file mode 100644 index 0000000..6413229 Binary files /dev/null and b/assets/icons/pin.png differ diff --git a/assets/icons/point.png b/assets/icons/point.png new file mode 100644 index 0000000..c474429 Binary files /dev/null and b/assets/icons/point.png differ diff --git a/assets/icons/profile.png b/assets/icons/profile.png new file mode 100644 index 0000000..6835a34 Binary files /dev/null and b/assets/icons/profile.png differ diff --git a/assets/icons/search.png b/assets/icons/search.png new file mode 100644 index 0000000..66d1f35 Binary files /dev/null and b/assets/icons/search.png differ diff --git a/assets/icons/selected-marker.png b/assets/icons/selected-marker.png new file mode 100644 index 0000000..c79e1f5 Binary files /dev/null and b/assets/icons/selected-marker.png differ diff --git a/assets/icons/star.png b/assets/icons/star.png new file mode 100644 index 0000000..4eb7879 Binary files /dev/null and b/assets/icons/star.png differ diff --git a/assets/icons/target.png b/assets/icons/target.png new file mode 100644 index 0000000..b80087c Binary files /dev/null and b/assets/icons/target.png differ diff --git a/assets/icons/to.png b/assets/icons/to.png new file mode 100644 index 0000000..e5edd56 Binary files /dev/null and b/assets/icons/to.png differ diff --git a/assets/images/adaptive-icon.png b/assets/images/adaptive-icon.png index 03d6f6b..1cdcc65 100644 Binary files a/assets/images/adaptive-icon.png and b/assets/images/adaptive-icon.png differ diff --git a/assets/images/check.png b/assets/images/check.png new file mode 100644 index 0000000..6aa3776 Binary files /dev/null and b/assets/images/check.png differ diff --git a/assets/images/favicon.png b/assets/images/favicon.png index e75f697..a9548cf 100644 Binary files a/assets/images/favicon.png and b/assets/images/favicon.png differ diff --git a/assets/images/get-started.png b/assets/images/get-started.png new file mode 100644 index 0000000..c6f4e31 Binary files /dev/null and b/assets/images/get-started.png differ diff --git a/assets/images/icon.png b/assets/images/icon.png index a0b1526..1cdcc65 100644 Binary files a/assets/images/icon.png and b/assets/images/icon.png differ diff --git a/assets/images/message.png b/assets/images/message.png new file mode 100644 index 0000000..dbc9662 Binary files /dev/null and b/assets/images/message.png differ diff --git a/assets/images/no-result.png b/assets/images/no-result.png new file mode 100644 index 0000000..5031e22 Binary files /dev/null and b/assets/images/no-result.png differ diff --git a/assets/images/onboarding1.png b/assets/images/onboarding1.png new file mode 100644 index 0000000..e7d2a93 Binary files /dev/null and b/assets/images/onboarding1.png differ diff --git a/assets/images/onboarding2.png b/assets/images/onboarding2.png new file mode 100644 index 0000000..f8d6cb2 Binary files /dev/null and b/assets/images/onboarding2.png differ diff --git a/assets/images/onboarding3.png b/assets/images/onboarding3.png new file mode 100644 index 0000000..290b4da Binary files /dev/null and b/assets/images/onboarding3.png differ diff --git a/assets/images/signup-car.png b/assets/images/signup-car.png new file mode 100644 index 0000000..105384b Binary files /dev/null and b/assets/images/signup-car.png differ diff --git a/assets/images/splash.png b/assets/images/splash.png index 0e89705..3e7266f 100644 Binary files a/assets/images/splash.png and b/assets/images/splash.png differ diff --git a/components/Collapsible.tsx b/components/Collapsible.tsx deleted file mode 100644 index c326473..0000000 --- a/components/Collapsible.tsx +++ /dev/null @@ -1,41 +0,0 @@ -import Ionicons from '@expo/vector-icons/Ionicons'; -import { PropsWithChildren, useState } from 'react'; -import { StyleSheet, TouchableOpacity, useColorScheme } from 'react-native'; - -import { ThemedText } from '@/components/ThemedText'; -import { ThemedView } from '@/components/ThemedView'; -import { Colors } from '@/constants/Colors'; - -export function Collapsible({ children, title }: PropsWithChildren & { title: string }) { - const [isOpen, setIsOpen] = useState(false); - const theme = useColorScheme() ?? 'light'; - - return ( - - setIsOpen((value) => !value)} - activeOpacity={0.8}> - - {title} - - {isOpen && {children}} - - ); -} - -const styles = StyleSheet.create({ - heading: { - flexDirection: 'row', - alignItems: 'center', - gap: 6, - }, - content: { - marginTop: 6, - marginLeft: 24, - }, -}); diff --git a/components/ExternalLink.tsx b/components/ExternalLink.tsx deleted file mode 100644 index 8f05675..0000000 --- a/components/ExternalLink.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import { Link } from 'expo-router'; -import { openBrowserAsync } from 'expo-web-browser'; -import { type ComponentProps } from 'react'; -import { Platform } from 'react-native'; - -type Props = Omit, 'href'> & { href: string }; - -export function ExternalLink({ href, ...rest }: Props) { - return ( - { - if (Platform.OS !== 'web') { - // Prevent the default behavior of linking to the default browser on native. - event.preventDefault(); - // Open the link in an in-app browser. - await openBrowserAsync(href); - } - }} - /> - ); -} diff --git a/components/HelloWave.tsx b/components/HelloWave.tsx deleted file mode 100644 index f4b6ea5..0000000 --- a/components/HelloWave.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import { StyleSheet } from 'react-native'; -import Animated, { - useSharedValue, - useAnimatedStyle, - withTiming, - withRepeat, - withSequence, -} from 'react-native-reanimated'; - -import { ThemedText } from '@/components/ThemedText'; - -export function HelloWave() { - const rotationAnimation = useSharedValue(0); - - rotationAnimation.value = withRepeat( - withSequence(withTiming(25, { duration: 150 }), withTiming(0, { duration: 150 })), - 4 // Run the animation 4 times - ); - - const animatedStyle = useAnimatedStyle(() => ({ - transform: [{ rotate: `${rotationAnimation.value}deg` }], - })); - - return ( - - 👋 - - ); -} - -const styles = StyleSheet.create({ - text: { - fontSize: 28, - lineHeight: 32, - marginTop: -6, - }, -}); diff --git a/components/ParallaxScrollView.tsx b/components/ParallaxScrollView.tsx deleted file mode 100644 index 0a35419..0000000 --- a/components/ParallaxScrollView.tsx +++ /dev/null @@ -1,76 +0,0 @@ -import type { PropsWithChildren, ReactElement } from 'react'; -import { StyleSheet, useColorScheme } from 'react-native'; -import Animated, { - interpolate, - useAnimatedRef, - useAnimatedStyle, - useScrollViewOffset, -} from 'react-native-reanimated'; - -import { ThemedView } from '@/components/ThemedView'; - -const HEADER_HEIGHT = 250; - -type Props = PropsWithChildren<{ - headerImage: ReactElement; - headerBackgroundColor: { dark: string; light: string }; -}>; - -export default function ParallaxScrollView({ - children, - headerImage, - headerBackgroundColor, -}: Props) { - const colorScheme = useColorScheme() ?? 'light'; - const scrollRef = useAnimatedRef(); - const scrollOffset = useScrollViewOffset(scrollRef); - - const headerAnimatedStyle = useAnimatedStyle(() => { - return { - transform: [ - { - translateY: interpolate( - scrollOffset.value, - [-HEADER_HEIGHT, 0, HEADER_HEIGHT], - [-HEADER_HEIGHT / 2, 0, HEADER_HEIGHT * 0.75] - ), - }, - { - scale: interpolate(scrollOffset.value, [-HEADER_HEIGHT, 0, HEADER_HEIGHT], [2, 1, 1]), - }, - ], - }; - }); - - return ( - - - - {headerImage} - - {children} - - - ); -} - -const styles = StyleSheet.create({ - container: { - flex: 1, - }, - header: { - height: 250, - overflow: 'hidden', - }, - content: { - flex: 1, - padding: 32, - gap: 16, - overflow: 'hidden', - }, -}); diff --git a/components/ThemedText.tsx b/components/ThemedText.tsx deleted file mode 100644 index c0e1a78..0000000 --- a/components/ThemedText.tsx +++ /dev/null @@ -1,60 +0,0 @@ -import { Text, type TextProps, StyleSheet } from 'react-native'; - -import { useThemeColor } from '@/hooks/useThemeColor'; - -export type ThemedTextProps = TextProps & { - lightColor?: string; - darkColor?: string; - type?: 'default' | 'title' | 'defaultSemiBold' | 'subtitle' | 'link'; -}; - -export function ThemedText({ - style, - lightColor, - darkColor, - type = 'default', - ...rest -}: ThemedTextProps) { - const color = useThemeColor({ light: lightColor, dark: darkColor }, 'text'); - - return ( - - ); -} - -const styles = StyleSheet.create({ - default: { - fontSize: 16, - lineHeight: 24, - }, - defaultSemiBold: { - fontSize: 16, - lineHeight: 24, - fontWeight: '600', - }, - title: { - fontSize: 32, - fontWeight: 'bold', - lineHeight: 32, - }, - subtitle: { - fontSize: 20, - fontWeight: 'bold', - }, - link: { - lineHeight: 30, - fontSize: 16, - color: '#0a7ea4', - }, -}); diff --git a/components/ThemedView.tsx b/components/ThemedView.tsx deleted file mode 100644 index 4d2cb09..0000000 --- a/components/ThemedView.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import { View, type ViewProps } from 'react-native'; - -import { useThemeColor } from '@/hooks/useThemeColor'; - -export type ThemedViewProps = ViewProps & { - lightColor?: string; - darkColor?: string; -}; - -export function ThemedView({ style, lightColor, darkColor, ...otherProps }: ThemedViewProps) { - const backgroundColor = useThemeColor({ light: lightColor, dark: darkColor }, 'background'); - - return ; -} diff --git a/components/__tests__/ThemedText-test.tsx b/components/__tests__/ThemedText-test.tsx deleted file mode 100644 index 1ac3225..0000000 --- a/components/__tests__/ThemedText-test.tsx +++ /dev/null @@ -1,10 +0,0 @@ -import * as React from 'react'; -import renderer from 'react-test-renderer'; - -import { ThemedText } from '../ThemedText'; - -it(`renders correctly`, () => { - const tree = renderer.create(Snapshot test!).toJSON(); - - expect(tree).toMatchSnapshot(); -}); diff --git a/components/__tests__/__snapshots__/ThemedText-test.tsx.snap b/components/__tests__/__snapshots__/ThemedText-test.tsx.snap deleted file mode 100644 index b68e53e..0000000 --- a/components/__tests__/__snapshots__/ThemedText-test.tsx.snap +++ /dev/null @@ -1,24 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`renders correctly 1`] = ` - - Snapshot test! - -`; diff --git a/components/navigation/TabBarIcon.tsx b/components/navigation/TabBarIcon.tsx deleted file mode 100644 index b7302c3..0000000 --- a/components/navigation/TabBarIcon.tsx +++ /dev/null @@ -1,9 +0,0 @@ -// You can explore the built-in icon families and icons on the web at https://icons.expo.fyi/ - -import Ionicons from '@expo/vector-icons/Ionicons'; -import { type IconProps } from '@expo/vector-icons/build/createIconSet'; -import { type ComponentProps } from 'react'; - -export function TabBarIcon({ style, ...rest }: IconProps['name']>) { - return ; -} diff --git a/constants/Colors.ts b/constants/Colors.ts deleted file mode 100644 index 14e6784..0000000 --- a/constants/Colors.ts +++ /dev/null @@ -1,26 +0,0 @@ -/** - * Below are the colors that are used in the app. The colors are defined in the light and dark mode. - * There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc. - */ - -const tintColorLight = '#0a7ea4'; -const tintColorDark = '#fff'; - -export const Colors = { - light: { - text: '#11181C', - background: '#fff', - tint: tintColorLight, - icon: '#687076', - tabIconDefault: '#687076', - tabIconSelected: tintColorLight, - }, - dark: { - text: '#ECEDEE', - background: '#151718', - tint: tintColorDark, - icon: '#9BA1A6', - tabIconDefault: '#9BA1A6', - tabIconSelected: tintColorDark, - }, -}; diff --git a/hooks/useColorScheme.ts b/hooks/useColorScheme.ts deleted file mode 100644 index 17e3c63..0000000 --- a/hooks/useColorScheme.ts +++ /dev/null @@ -1 +0,0 @@ -export { useColorScheme } from 'react-native'; diff --git a/hooks/useColorScheme.web.ts b/hooks/useColorScheme.web.ts deleted file mode 100644 index 6dcd80d..0000000 --- a/hooks/useColorScheme.web.ts +++ /dev/null @@ -1,8 +0,0 @@ -// NOTE: The default React Native styling doesn't support server rendering. -// Server rendered styles should not change between the first render of the HTML -// and the first render on the client. Typically, web developers will use CSS media queries -// to render different styles on the client and server, these aren't directly supported in React Native -// but can be achieved using a styling library like Nativewind. -export function useColorScheme() { - return 'light'; -} diff --git a/hooks/useThemeColor.ts b/hooks/useThemeColor.ts deleted file mode 100644 index ae43b47..0000000 --- a/hooks/useThemeColor.ts +++ /dev/null @@ -1,22 +0,0 @@ -/** - * Learn more about light and dark modes: - * https://docs.expo.dev/guides/color-schemes/ - */ - -import { useColorScheme } from 'react-native'; - -import { Colors } from '@/constants/Colors'; - -export function useThemeColor( - props: { light?: string; dark?: string }, - colorName: keyof typeof Colors.light & keyof typeof Colors.dark -) { - const theme = useColorScheme() ?? 'light'; - const colorFromProps = props[theme]; - - if (colorFromProps) { - return colorFromProps; - } else { - return Colors[theme][colorName]; - } -}