diff options
| -rw-r--r-- | app/components/tweaks/tweaks.tsx | 7 | ||||
| -rw-r--r-- | package.json | 1 | ||||
| -rw-r--r-- | yarn.lock | 16 |
3 files changed, 21 insertions, 3 deletions
diff --git a/app/components/tweaks/tweaks.tsx b/app/components/tweaks/tweaks.tsx index 11b71e6..d275a5b 100644 --- a/app/components/tweaks/tweaks.tsx +++ b/app/components/tweaks/tweaks.tsx @@ -8,6 +8,7 @@ import Slider from "@react-native-community/slider" import { useState } from "react" import Accordion from 'react-native-collapsible/Accordion' import * as Animatable from 'react-native-animatable' +import Icon from 'react-native-vector-icons/MaterialCommunityIcons' const CONTAINER: ViewStyle = { justifyContent: "center", @@ -139,7 +140,7 @@ export const Tweaks = observer(function Tweaks(props: TweaksProps): JSX.Element <View style={{height: 30, width: "100%", backgroundColor: "rgb(20,20,20)"}}> <TouchableOpacity style={{width: 30, color: "#ffffff", textAlign: "center", marginLeft: "auto", padding: 5}} onPress={()=>{setTweaks(false)}}> - X + <Icon name="close-circle" color="#ffffff" size={20}/> </TouchableOpacity> </View> <ScrollView> @@ -163,7 +164,7 @@ export const Tweaks = observer(function Tweaks(props: TweaksProps): JSX.Element <TouchableOpacity onPress={()=>{setTweaks(true)}} style={{position: "absolute", top: 50, left: 50, width: 30, color: "#ffffff", zIndex: 100}}> - O + <Icon name="cog" color="#ffffff" size={30}/> </TouchableOpacity> ) } @@ -230,6 +231,8 @@ const styles = StyleSheet.create ({ left: 50, top: 50, width: 300, + borderRadius: 5, + borderStyle: "solid", }, title: { textAlign: 'left', diff --git a/package.json b/package.json index 6180a25..7b09eda 100644 --- a/package.json +++ b/package.json @@ -58,6 +58,7 @@ "react-native-safe-area-context": "3.1.9", "react-native-screens": "2.18.1", "react-native-unimodules": "0.12.0", + "react-native-vector-icons": "^8.1.0", "reactotron-mst": "3.1.3", "reactotron-react-js": "^3.3.7", "reactotron-react-native": "5.0.0", @@ -16104,6 +16104,20 @@ [email protected]: unimodules-sensors-interface "~5.4.0" unimodules-task-manager-interface "~5.4.0" +react-native-vector-icons@^8.1.0: + version "8.1.0" + resolved "https://registry.yarnpkg.com/react-native-vector-icons/-/react-native-vector-icons-8.1.0.tgz#e8ee2b17bc4d9f636da1c6f67feee8e2a850c3d8" + integrity sha512-sHIdBB6Y0dHaot2fMXgy5J/hhCn5YuyN7SKDNFgPzL8KA1oF2/v7mgYMavnK7LIIs2dJoGnDANKf61dsU+TZlg== + dependencies: + lodash.frompairs "^4.0.1" + lodash.isequal "^4.5.0" + lodash.isstring "^4.0.1" + lodash.omit "^4.5.0" + lodash.pick "^4.4.0" + lodash.template "^4.5.0" + prop-types "^15.7.2" + yargs "^16.1.1" + react-native-web@^0.16.3: version "0.16.5" resolved "https://registry.yarnpkg.com/react-native-web/-/react-native-web-0.16.5.tgz#859e95cae21e63330a1dabbce8cd0d953b2239f2" @@ -20107,7 +20121,7 @@ yargs@^15.1.0, yargs@^15.3.1: y18n "^4.0.0" yargs-parser "^18.1.2" -yargs@^16.0.3: +yargs@^16.0.3, yargs@^16.1.1: version "16.2.0" resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.2.0.tgz#1c82bf0f6b6a66eafce7ef30e376f49a12477f66" integrity sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw== |