From 98b8becf83271cb328c27e27850e027ca46a67d5 Mon Sep 17 00:00:00 2001 From: RazerMoon <33849459+RazerMoon@users.noreply.github.com> Date: Sat, 6 Feb 2021 18:48:16 +0000 Subject: [PATCH] themes, context --- .eslintrc.json | 1 + .expo-shared/assets.json | 5 +- App.tsx | 121 +- app.json | 10 +- assets/icon.png | Bin 276152 -> 33931 bytes package.json | 31 +- src/contexts/DarkModeContext.tsx | 12 + src/modules/Home.tsx | 31 + src/modules/Settings.tsx | 19 + src/modules/dev/Home.tsx | 158 + src/themes/DarkTheme.ts | 12 + src/themes/DefaultTheme.ts | 12 + src/ui/StyledComponents/Text.tsx | 27 + src/ui/StyledComponents/TextInput.tsx | 29 + yarn-error.log | 7177 +++++++++++++++++++++++++ yarn.lock | 563 +- 16 files changed, 8054 insertions(+), 154 deletions(-) create mode 100644 src/contexts/DarkModeContext.tsx create mode 100644 src/modules/Home.tsx create mode 100644 src/modules/Settings.tsx create mode 100644 src/modules/dev/Home.tsx create mode 100644 src/themes/DarkTheme.ts create mode 100644 src/themes/DefaultTheme.ts create mode 100644 src/ui/StyledComponents/Text.tsx create mode 100644 src/ui/StyledComponents/TextInput.tsx create mode 100644 yarn-error.log diff --git a/.eslintrc.json b/.eslintrc.json index 0645736..0771930 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -25,6 +25,7 @@ } ], "no-use-before-define": "off", + "react/jsx-props-no-spreading": 0, "@typescript-eslint/no-use-before-define": ["error"], "import/extensions": ["error", "never"], "react/prop-types": 0, diff --git a/.expo-shared/assets.json b/.expo-shared/assets.json index 0732f85..2241c48 100644 --- a/.expo-shared/assets.json +++ b/.expo-shared/assets.json @@ -1,7 +1,6 @@ { "ec72f44c26176596b3f8f4ff2733f1c6a0f87fe6224a117439a1caea409505fd": true, "24272cdaeff82cc5facdaccd982a6f05b60c4504704bbf94c19a6388659880bb": true, - "5193b4ad8735090dcbfaf0e070e7354ee4bc3b7951faf1edbe2757aa21757f96": true, - "4c27b7466a8169ab063b6150f65d7c75c2919ff2c1e5572f55d537c6ca04ff9e": true, - "5deb055be550b37ca358a297078e0b7f15f2a3f95c0c5cfb6db9c9e376cc7900": true + "5deb055be550b37ca358a297078e0b7f15f2a3f95c0c5cfb6db9c9e376cc7900": true, + "a6e8d411aca0ff090240d14acbd91ebb042e7c25efa95deea3e7decf80ea0cf2": true } diff --git a/App.tsx b/App.tsx index 7cc5dff..d0e94dd 100644 --- a/App.tsx +++ b/App.tsx @@ -1,89 +1,46 @@ -import React from "react"; +import React, { useEffect, useState } from "react"; +import AppLoading from "expo-app-loading"; +import { NavigationContainer } from "@react-navigation/native"; +import { createStackNavigator } from "@react-navigation/stack"; + +// eslint-disable-next-line camelcase import { - StyleSheet, - Button, - View, - SafeAreaView, - Text, - Alert, -} from "react-native"; + useFonts, + // eslint-disable-next-line camelcase + Inter_300Light, + // eslint-disable-next-line camelcase + Inter_600SemiBold, +} from "@expo-google-fonts/inter"; + +import Home from "./src/modules/Home"; +import Settings from "./src/modules/Settings"; -const styles = StyleSheet.create({ - container: { - flex: 1, - justifyContent: "center", - marginHorizontal: 16, - }, - title: { - textAlign: "center", - marginVertical: 8, - }, - fixToText: { - flexDirection: "row", - justifyContent: "space-between", - }, - separator: { - marginVertical: 8, - borderBottomColor: "#737373", - borderBottomWidth: StyleSheet.hairlineWidth, - }, -}); +import DarkModeContext from "./src/contexts/DarkModeContext"; +import DarkTheme from "./src/themes/DarkTheme"; +import DefaultTheme from "./src/themes/DefaultTheme"; -const Separator = () => ; +const Stack = createStackNavigator(); export default function App(): JSX.Element { - return ( - - - - The title and onPress handler are required. It is recommended to set - accessibilityLabel to help make your app usable by everyone. :) - -