fix list padding not being pressable
This commit is contained in:
@@ -1,10 +1,10 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import {View} from 'react-native'
|
import {View} from 'react-native'
|
||||||
import {
|
import {
|
||||||
AppBskyGraphDefs,
|
type AppBskyGraphDefs,
|
||||||
AtUri,
|
AtUri,
|
||||||
moderateUserList,
|
moderateUserList,
|
||||||
ModerationUI,
|
type ModerationUI,
|
||||||
} from '@atproto/api'
|
} from '@atproto/api'
|
||||||
import {msg, Trans} from '@lingui/macro'
|
import {msg, Trans} from '@lingui/macro'
|
||||||
import {useLingui} from '@lingui/react'
|
import {useLingui} from '@lingui/react'
|
||||||
@@ -22,10 +22,10 @@ import {
|
|||||||
Outer,
|
Outer,
|
||||||
SaveButton,
|
SaveButton,
|
||||||
} from '#/components/FeedCard'
|
} from '#/components/FeedCard'
|
||||||
import {Link as InternalLink, LinkProps} from '#/components/Link'
|
import {Link as InternalLink, type LinkProps} from '#/components/Link'
|
||||||
import * as Hider from '#/components/moderation/Hider'
|
import * as Hider from '#/components/moderation/Hider'
|
||||||
import {Text} from '#/components/Typography'
|
import {Text} from '#/components/Typography'
|
||||||
import * as bsky from '#/types/bsky'
|
import type * as bsky from '#/types/bsky'
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* This component is based on `FeedCard` and is tightly coupled with that
|
* This component is based on `FeedCard` and is tightly coupled with that
|
||||||
@@ -50,7 +50,9 @@ type Props = {
|
|||||||
showPinButton?: boolean
|
showPinButton?: boolean
|
||||||
}
|
}
|
||||||
|
|
||||||
export function Default(props: Props) {
|
export function Default(
|
||||||
|
props: Props & Omit<LinkProps, 'to' | 'label' | 'children'>,
|
||||||
|
) {
|
||||||
const {view, showPinButton} = props
|
const {view, showPinButton} = props
|
||||||
const moderationOpts = useModerationOpts()
|
const moderationOpts = useModerationOpts()
|
||||||
const moderation = moderationOpts
|
const moderation = moderationOpts
|
||||||
|
|||||||
@@ -1,5 +1,4 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import {View} from 'react-native'
|
|
||||||
import {moderateUserList} from '@atproto/api'
|
import {moderateUserList} from '@atproto/api'
|
||||||
|
|
||||||
import {useModerationOpts} from '#/state/preferences/moderation-opts'
|
import {useModerationOpts} from '#/state/preferences/moderation-opts'
|
||||||
@@ -16,10 +15,10 @@ export function ListEmbed({
|
|||||||
}) {
|
}) {
|
||||||
const t = useTheme()
|
const t = useTheme()
|
||||||
return (
|
return (
|
||||||
<View
|
<ListCard.Default
|
||||||
style={[a.border, t.atoms.border_contrast_medium, a.p_md, a.rounded_sm]}>
|
view={embed.view}
|
||||||
<ListCard.Default view={embed.view} />
|
style={[a.border, t.atoms.border_contrast_medium, a.p_md, a.rounded_sm]}
|
||||||
</View>
|
/>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -35,7 +34,9 @@ export function ModeratedListEmbed({
|
|||||||
: undefined
|
: undefined
|
||||||
}, [embed.view, moderationOpts])
|
}, [embed.view, moderationOpts])
|
||||||
return (
|
return (
|
||||||
<ContentHider modui={moderation?.ui('contentList')}>
|
<ContentHider
|
||||||
|
modui={moderation?.ui('contentList')}
|
||||||
|
childContainerStyle={[a.pt_xs]}>
|
||||||
<ListEmbed embed={embed} />
|
<ListEmbed embed={embed} />
|
||||||
</ContentHider>
|
</ContentHider>
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user