From c65b2a822860d0dd8ca523e9cad24b8352af0146 Mon Sep 17 00:00:00 2001 From: Adrian Castro <22133246+castdrian@users.noreply.github.com> Date: Tue, 5 Mar 2024 20:13:13 +0100 Subject: [PATCH] feat: settingsscreen placeholder stuff --- apps/expo/package.json | 1 + apps/expo/src/app/(tabs)/settings.tsx | 16 ++++- apps/expo/src/components/DownloadItem.tsx | 2 +- pnpm-lock.yaml | 76 +++++++++++++++++++++++ 4 files changed, 92 insertions(+), 3 deletions(-) diff --git a/apps/expo/package.json b/apps/expo/package.json index 82e49a6..8fbcd30 100644 --- a/apps/expo/package.json +++ b/apps/expo/package.json @@ -49,6 +49,7 @@ "react-native-css-interop": "^0.0.35", "react-native-gesture-handler": "~2.14.1", "react-native-modal": "^13.0.1", + "react-native-paper": "^5.12.3", "react-native-progress": "^5.0.1", "react-native-quick-base64": "^2.0.8", "react-native-quick-crypto": "^0.6.1", diff --git a/apps/expo/src/app/(tabs)/settings.tsx b/apps/expo/src/app/(tabs)/settings.tsx index eb5441b..de50834 100644 --- a/apps/expo/src/app/(tabs)/settings.tsx +++ b/apps/expo/src/app/(tabs)/settings.tsx @@ -1,10 +1,22 @@ +import React, { useState } from "react"; +import { Text, View } from "react-native"; +import { Switch } from "react-native-paper"; + import ScreenLayout from "~/components/layout/ScreenLayout"; -import { Text } from "~/components/ui/Text"; export default function SettingsScreen() { + const [isSwitchOn, setIsSwitchOn] = useState(true); + const onToggleSwitch = () => setIsSwitchOn(!isSwitchOn); + return ( - Settings tab + + Player + + Gesture Controls + + + ); } diff --git a/apps/expo/src/components/DownloadItem.tsx b/apps/expo/src/components/DownloadItem.tsx index 6e56497..4ff98c3 100644 --- a/apps/expo/src/components/DownloadItem.tsx +++ b/apps/expo/src/components/DownloadItem.tsx @@ -34,7 +34,7 @@ export const DownloadItem: React.FC = ({ return ( - {filename} + {filename} =16.3.0' + dependencies: + deepmerge: 3.3.0 + hoist-non-react-statics: 3.3.2 + react: 18.2.0 + dev: false + /@craftzdog/react-native-buffer@6.0.5(react-native@0.73.2)(react@18.2.0): resolution: {integrity: sha512-Av+YqfwA9e7jhgI9GFE/gTpwl/H+dRRLmZyJPOpKTy107j9Oj7oXlm3/YiMNz+C/CEGqcKAOqnXDLs4OL6AAFw==} dependencies: @@ -4581,6 +4594,14 @@ packages: wrap-ansi: 6.2.0 dev: false + /cliui@7.0.4: + resolution: {integrity: sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==} + dependencies: + string-width: 4.2.3 + strip-ansi: 6.0.1 + wrap-ansi: 7.0.0 + dev: false + /cliui@8.0.1: resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==} engines: {node: '>=12'} @@ -4642,6 +4663,13 @@ packages: simple-swizzle: 0.2.2 dev: false + /color@3.2.1: + resolution: {integrity: sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==} + dependencies: + color-convert: 1.9.3 + color-string: 1.9.1 + dev: false + /color@4.2.3: resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==} engines: {node: '>=12.5.0'} @@ -4996,6 +5024,11 @@ packages: /deep-is@0.1.4: resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==} + /deepmerge@3.3.0: + resolution: {integrity: sha512-GRQOafGHwMHpjPx9iCvTgpu9NojZ49q794EEL94JVEw6VaeA8XTUyBKvAkOOjBX9oJNiV6G3P+T+tihFjo2TqA==} + engines: {node: '>=0.10.0'} + dev: false + /deepmerge@4.3.1: resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==} engines: {node: '>=0.10.0'} @@ -9256,6 +9289,23 @@ packages: react-native-animatable: 1.3.3 dev: false + /react-native-paper@5.12.3(react-native-safe-area-context@4.8.2)(react-native-vector-icons@10.0.3)(react-native@0.73.2)(react@18.2.0): + resolution: {integrity: sha512-nH1e1pGPE/aOE5YR2GRX7CfMHFA9cAfrAfgCtwL4amJPDZCoVjc5yt2VDiUE1rT+JUfk0qdICMP3UggxvjMgug==} + peerDependencies: + react: '*' + react-native: '*' + react-native-safe-area-context: '*' + react-native-vector-icons: '*' + dependencies: + '@callstack/react-theme-provider': 3.0.9(react@18.2.0) + color: 3.2.1 + react: 18.2.0 + react-native: 0.73.2(@babel/core@7.23.9)(@babel/preset-env@7.23.9)(react@18.2.0) + react-native-safe-area-context: 4.8.2(react-native@0.73.2)(react@18.2.0) + react-native-vector-icons: 10.0.3 + use-latest-callback: 0.1.9(react@18.2.0) + dev: false + /react-native-progress@5.0.1(react-native-svg@14.1.0): resolution: {integrity: sha512-TYfJ4auAe5vubDma2yfFvt7ktSI+UCfysqJnkdHEcLXqAitRFOozgF/cLgN5VNi/iLdaf3ga1ETi2RF4jVZ/+g==} peerDependencies: @@ -9362,6 +9412,14 @@ packages: whatwg-url-without-unicode: 8.0.0-3 dev: false + /react-native-vector-icons@10.0.3: + resolution: {integrity: sha512-ZgVlV5AdQgnPHHvBEihGf2xwyziT1acpXV1U+WfCgCv3lcEeCRsmwAsBU+kUSNsU+8TcWVsX04kdI6qUaS8D7w==} + hasBin: true + dependencies: + prop-types: 15.8.1 + yargs: 16.2.0 + dev: false + /react-native-web@0.19.10(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-IQoHiTQq8egBCVVwmTrYcFLgEFyb4LMZYEktHn4k22JMk9+QTCEz5WTfvr+jdNoeqj/7rtE81xgowKbfGO74qg==} peerDependencies: @@ -11217,6 +11275,11 @@ packages: decamelize: 1.2.0 dev: false + /yargs-parser@20.2.9: + resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==} + engines: {node: '>=10'} + dev: false + /yargs-parser@21.1.1: resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==} engines: {node: '>=12'} @@ -11239,6 +11302,19 @@ packages: yargs-parser: 18.1.3 dev: false + /yargs@16.2.0: + resolution: {integrity: sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==} + engines: {node: '>=10'} + dependencies: + cliui: 7.0.4 + escalade: 3.1.1 + get-caller-file: 2.0.5 + require-directory: 2.1.1 + string-width: 4.2.3 + y18n: 5.0.8 + yargs-parser: 20.2.9 + dev: false + /yargs@17.7.2: resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==} engines: {node: '>=12'}