summaryrefslogtreecommitdiff
path: root/app/components/switch/switch.tsx
diff options
context:
space:
mode:
authorKirill Rogovoy <[email protected]>2021-07-19 20:06:08 +0300
committerKirill Rogovoy <[email protected]>2021-07-19 20:06:08 +0300
commitf0bf4e7afdcd8b02a62be45ab3e7d047ed865a79 (patch)
tree575c0ff2cbb846252bd2e494c81c396846aab2f6 /app/components/switch/switch.tsx
parent67ad38d0a7cd319623e9f41c0c381ed5c5f6f973 (diff)
Apply Prettier
Diffstat (limited to 'app/components/switch/switch.tsx')
-rw-r--r--app/components/switch/switch.tsx25
1 files changed, 15 insertions, 10 deletions
diff --git a/app/components/switch/switch.tsx b/app/components/switch/switch.tsx
index 0813747..bad81fc 100644
--- a/app/components/switch/switch.tsx
+++ b/app/components/switch/switch.tsx
@@ -1,7 +1,12 @@
-import React from "react"
-import { ViewStyle, Animated, Easing, TouchableWithoutFeedback } from "react-native"
-import { color } from "../../theme"
-import { SwitchProps } from "./switch.props"
+import React from 'react'
+import {
+ ViewStyle,
+ Animated,
+ Easing,
+ TouchableWithoutFeedback,
+} from 'react-native'
+import { color } from '../../theme'
+import { SwitchProps } from './switch.props'
// dimensions
const THUMB_SIZE = 30
@@ -15,7 +20,7 @@ const BORDER_RADIUS = (THUMB_SIZE * 3) / 4
const ON_COLOR = color.primary
const OFF_COLOR = color.palette.offWhite
const BORDER_ON_COLOR = ON_COLOR
-const BORDER_OFF_COLOR = "rgba(0, 0, 0, 0.1)"
+const BORDER_OFF_COLOR = 'rgba(0, 0, 0, 0.1)'
// animation
const DURATION = 250
@@ -31,7 +36,7 @@ const TRACK = {
// the thumb always has these props
const THUMB: ViewStyle = {
- position: "absolute",
+ position: 'absolute',
width: THUMB_SIZE,
height: THUMB_SIZE,
borderColor: BORDER_OFF_COLOR,
@@ -71,10 +76,10 @@ export function Switch(props: SwitchProps) {
}
}, [props.value])
- const handlePress = React.useMemo(() => () => props.onToggle && props.onToggle(!props.value), [
- props.onToggle,
- props.value,
- ])
+ const handlePress = React.useMemo(
+ () => () => props.onToggle && props.onToggle(!props.value),
+ [props.onToggle, props.value],
+ )
if (!timer) {
return null