From 5f4611d65e40eae3ca6191a15f68d69ea5a1c4cb Mon Sep 17 00:00:00 2001
From: Kirill Rogovoy <kirill@rogovoy.me>
Date: Tue, 20 Jul 2021 21:24:52 +0300
Subject: WIP

---
 app/components/checkbox/checkbox.tsx | 62 ------------------------------------
 1 file changed, 62 deletions(-)
 delete mode 100644 app/components/checkbox/checkbox.tsx

(limited to 'app/components/checkbox/checkbox.tsx')

diff --git a/app/components/checkbox/checkbox.tsx b/app/components/checkbox/checkbox.tsx
deleted file mode 100644
index d788114..0000000
--- a/app/components/checkbox/checkbox.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import * as React from 'react'
-import { TextStyle, TouchableOpacity, View, ViewStyle } from 'react-native'
-import { Text } from '../text/text'
-import { color, spacing } from '../../theme'
-import { CheckboxProps } from './checkbox.props'
-
-const ROOT: ViewStyle = {
-  flexDirection: 'row',
-  paddingVertical: spacing[1],
-  alignSelf: 'flex-start',
-}
-
-const DIMENSIONS = { width: 16, height: 16 }
-
-const OUTLINE: ViewStyle = {
-  ...DIMENSIONS,
-  marginTop: 2, // finicky and will depend on font/line-height/baseline/weather
-  justifyContent: 'center',
-  alignItems: 'center',
-  borderWidth: 1,
-  borderColor: color.primaryDarker,
-  borderRadius: 1,
-}
-
-const FILL: ViewStyle = {
-  width: DIMENSIONS.width - 4,
-  height: DIMENSIONS.height - 4,
-  backgroundColor: color.primary,
-}
-
-const LABEL: TextStyle = { paddingLeft: spacing[2] }
-
-export function Checkbox(props: CheckboxProps) {
-  const numberOfLines = props.multiline ? 0 : 1
-
-  const rootStyle = [ROOT, props.style]
-  const outlineStyle = [OUTLINE, props.outlineStyle]
-  const fillStyle = [FILL, props.fillStyle]
-
-  const onPress = props.onToggle
-    ? () => props.onToggle && props.onToggle(!props.value)
-    : null
-
-  return (
-    <TouchableOpacity
-      activeOpacity={1}
-      disabled={!props.onToggle}
-      onPress={onPress}
-      style={rootStyle}
-    >
-      <View style={outlineStyle}>
-        {props.value && <View style={fillStyle} />}
-      </View>
-      <Text
-        text={props.text}
-        tx={props.tx}
-        numberOfLines={numberOfLines}
-        style={LABEL}
-      />
-    </TouchableOpacity>
-  )
-}
-- 
cgit v1.2.3

