@magmamath/students-features 0.8.0-rc.2 → 0.8.0-rc.4

package/src/features/exampleSolution/components/MessageBlock.tsx

@@ -1,67 +0,0 @@
-import { StyleProp, StyleSheet, ViewStyle } from 'react-native'
-import React from 'react'
-import { COLORS, SPACING, Typography } from '@magmamath/react-native-ui'
-import { useUnit } from 'effector-react'
-import { $localization } from '../../../shared/translation'
-import Animated, {
-  LinearTransition,
-  useAnimatedStyle,
-  withDelay,
-  withTiming,
-} from 'react-native-reanimated'
-import { ExampleSolutionStatuses } from '../constants'
-
-type MessageBlockProps = {
-  status: ExampleSolutionStatuses
-  style?: StyleProp<ViewStyle>
-}
-
-export const MessageBlock = ({ status, style }: MessageBlockProps) => {
-  const localization = useUnit($localization)
-
-  const opacityAnimation = useAnimatedStyle(() => {
-    return {
-      opacity: withDelay(
-        2000,
-        withTiming(status === ExampleSolutionStatuses.LOADING ? 1 : 0, { duration: 350 }),
-      ),
-    }
-  }, [status])
-
-  if (status === ExampleSolutionStatuses.CACHE) return null
-
-  return (
-    <Animated.View
-      layout={LinearTransition.duration(250)}
-      style={[styles.container, opacityAnimation, style]}
-    >
-      <Typography variant={'small'} numberOfLines={1}>
-        {status === ExampleSolutionStatuses.LOADING
-          ? localization.exampleSolution.letMeThink
-          : localization.exampleSolution.aha}
-      </Typography>
-    </Animated.View>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    padding: SPACING[200],
-    backgroundColor: COLORS.NEUTRAL_3,
-    height: 44,
-    borderRadius: 12,
-    borderBottomRightRadius: 2,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: COLORS.NEUTRAL_5,
-
-    shadowColor: COLORS.NEUTRAL_10,
-    shadowOffset: {
-      width: 0,
-      height: 1,
-    },
-    shadowOpacity: 0.2,
-    shadowRadius: 1,
-
-    elevation: 3,
-  },
-})