Eric Bailey
4013855c10
* Hover on sugg account * Add subtle hover to all components except feed * Use skeleton states for refetch on focus * Empty results state for sugg users * Filter out pinned posts from feed previews * Add trending header if not top module * Tighten up spacing * Fetch 10 profiles * Update interests copy * Remove refetch on focus * Add PTR * use a map * Update src/screens/Search/modules/ExploreInterestsCard.tsx * fix web double border --------- Co-authored-by: Hailey <me@haileyok.com>
35 lines
643 B
TypeScript
35 lines
643 B
TypeScript
import {View} from 'react-native'
|
|
|
|
import {atoms as a, useTheme, type ViewStyleProp} from '#/alf'
|
|
|
|
export function SubtleHover({style, hover}: ViewStyleProp & {hover: boolean}) {
|
|
const t = useTheme()
|
|
|
|
let opacity: number
|
|
switch (t.name) {
|
|
case 'dark':
|
|
opacity = 0.4
|
|
break
|
|
case 'dim':
|
|
opacity = 0.45
|
|
break
|
|
case 'light':
|
|
opacity = 0.5
|
|
break
|
|
}
|
|
|
|
return (
|
|
<View
|
|
style={[
|
|
a.absolute,
|
|
a.inset_0,
|
|
a.pointer_events_none,
|
|
a.transition_opacity,
|
|
t.atoms.bg_contrast_25,
|
|
style,
|
|
{opacity: hover ? opacity : 0},
|
|
]}
|
|
/>
|
|
)
|
|
}
|