about summary refs log tree commit diff
path: root/src/view/com/util/FloatingActionButton.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/view/com/util/FloatingActionButton.tsx')
-rw-r--r--src/view/com/util/FloatingActionButton.tsx57
1 files changed, 0 insertions, 57 deletions
diff --git a/src/view/com/util/FloatingActionButton.tsx b/src/view/com/util/FloatingActionButton.tsx
deleted file mode 100644
index 21c4fba6c..000000000
--- a/src/view/com/util/FloatingActionButton.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import React from 'react'
-import {
-  GestureResponderEvent,
-  StyleSheet,
-  TouchableWithoutFeedback,
-  View,
-} from 'react-native'
-import LinearGradient from 'react-native-linear-gradient'
-import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
-import {IconProp} from '@fortawesome/fontawesome-svg-core'
-import {colors, gradients} from '../../lib/styles'
-import * as zIndex from '../../lib/z-index'
-
-type OnPress = ((event: GestureResponderEvent) => void) | undefined
-export function FAB({icon, onPress}: {icon: IconProp; onPress: OnPress}) {
-  return (
-    <TouchableWithoutFeedback onPress={onPress}>
-      <View style={styles.outer}>
-        <LinearGradient
-          colors={[gradients.purple.start, gradients.purple.end]}
-          start={{x: 0, y: 0}}
-          end={{x: 1, y: 1}}
-          style={styles.inner}>
-          <FontAwesomeIcon
-            size={24}
-            icon={icon}
-            color={colors.white}
-            style={styles.icon}
-          />
-        </LinearGradient>
-      </View>
-    </TouchableWithoutFeedback>
-  )
-}
-
-const styles = StyleSheet.create({
-  outer: {
-    position: 'absolute',
-    zIndex: zIndex.FAB,
-    right: 22,
-    bottom: 14,
-    width: 60,
-    height: 60,
-    borderRadius: 30,
-    shadowColor: '#000',
-    shadowOpacity: 0.3,
-    shadowOffset: {width: 0, height: 1},
-  },
-  inner: {
-    width: 60,
-    height: 60,
-    borderRadius: 30,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  icon: {},
-})