about summary refs log tree commit diff
path: root/src/view/com/util/moderation/ImageHider.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/view/com/util/moderation/ImageHider.tsx')
-rw-r--r--src/view/com/util/moderation/ImageHider.tsx80
1 files changed, 0 insertions, 80 deletions
diff --git a/src/view/com/util/moderation/ImageHider.tsx b/src/view/com/util/moderation/ImageHider.tsx
deleted file mode 100644
index 40c9d0a21..000000000
--- a/src/view/com/util/moderation/ImageHider.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import React from 'react'
-import {Pressable, StyleProp, StyleSheet, View, ViewStyle} from 'react-native'
-import {usePalette} from 'lib/hooks/usePalette'
-import {Text} from '../text/Text'
-import {ModerationBehavior, ModerationBehaviorCode} from 'lib/labeling/types'
-import {isDesktopWeb} from 'platform/detection'
-import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
-import {FontAwesomeIconStyle} from '@fortawesome/react-native-fontawesome'
-
-export function ImageHider({
-  testID,
-  moderation,
-  style,
-  children,
-}: React.PropsWithChildren<{
-  testID?: string
-  moderation: ModerationBehavior
-  style?: StyleProp<ViewStyle>
-}>) {
-  const pal = usePalette('default')
-  const [override, setOverride] = React.useState(false)
-  const onPressToggle = React.useCallback(() => {
-    setOverride(v => !v)
-  }, [setOverride])
-
-  if (moderation.behavior === ModerationBehaviorCode.Hide) {
-    return null
-  }
-
-  if (moderation.behavior !== ModerationBehaviorCode.WarnImages) {
-    return (
-      <View testID={testID} style={style}>
-        {children}
-      </View>
-    )
-  }
-
-  return (
-    <View testID={testID} style={style}>
-      <View style={[styles.cover, pal.viewLight]}>
-        <Pressable
-          onPress={onPressToggle}
-          style={[styles.toggleBtn]}
-          accessibilityLabel="Show image"
-          accessibilityHint="">
-          <FontAwesomeIcon
-            icon={override ? 'eye' : ['far', 'eye-slash']}
-            size={24}
-            style={pal.text as FontAwesomeIconStyle}
-          />
-          <Text type="lg" style={pal.text}>
-            {moderation.reason || 'Content warning'}
-          </Text>
-          <View style={styles.flex1} />
-          <Text type="xl-bold" style={pal.link}>
-            {override ? 'Hide' : 'Show'}
-          </Text>
-        </Pressable>
-      </View>
-      {override && children}
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  cover: {
-    borderRadius: 8,
-    marginTop: 4,
-  },
-  toggleBtn: {
-    flexDirection: 'row',
-    gap: 8,
-    alignItems: 'center',
-    paddingHorizontal: isDesktopWeb ? 24 : 20,
-    paddingVertical: isDesktopWeb ? 20 : 18,
-  },
-  flex1: {
-    flex: 1,
-  },
-})