Merge branch 'bluesky-social:main' into zh

zio/stable
Kuwa Lee 2024-06-21 04:14:12 +08:00 committed by GitHub
commit 39c32b0ab1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 19 additions and 19 deletions

View File

@ -231,7 +231,7 @@ export const Button = React.forwardRef<View, ButtonProps>(
if (!disabled) { if (!disabled) {
baseStyles.push(t.atoms.bg) baseStyles.push(t.atoms.bg)
hoverStyles.push({ hoverStyles.push({
backgroundColor: t.palette.contrast_100, backgroundColor: t.palette.contrast_25,
}) })
} }
} }

View File

@ -9,7 +9,6 @@ import {useQueryClient} from '@tanstack/react-query'
import {logger} from '#/logger' import {logger} from '#/logger'
import {useAnalytics} from 'lib/analytics/analytics' import {useAnalytics} from 'lib/analytics/analytics'
import {HITSLOP_10} from 'lib/constants' import {HITSLOP_10} from 'lib/constants'
import {usePalette} from 'lib/hooks/usePalette'
import {makeProfileLink} from 'lib/routes/links' import {makeProfileLink} from 'lib/routes/links'
import {shareUrl} from 'lib/sharing' import {shareUrl} from 'lib/sharing'
import {toShareUrl} from 'lib/strings/url-helpers' import {toShareUrl} from 'lib/strings/url-helpers'
@ -24,7 +23,7 @@ import {
import {useSession} from 'state/session' import {useSession} from 'state/session'
import {EventStopper} from 'view/com/util/EventStopper' import {EventStopper} from 'view/com/util/EventStopper'
import * as Toast from 'view/com/util/Toast' import * as Toast from 'view/com/util/Toast'
import {useTheme} from '#/alf' import {atoms as a, useTheme} from '#/alf'
import {ArrowOutOfBox_Stroke2_Corner0_Rounded as Share} from '#/components/icons/ArrowOutOfBox' import {ArrowOutOfBox_Stroke2_Corner0_Rounded as Share} from '#/components/icons/ArrowOutOfBox'
import {Flag_Stroke2_Corner0_Rounded as Flag} from '#/components/icons/Flag' import {Flag_Stroke2_Corner0_Rounded as Flag} from '#/components/icons/Flag'
import {ListSparkle_Stroke2_Corner0_Rounded as List} from '#/components/icons/ListSparkle' import {ListSparkle_Stroke2_Corner0_Rounded as List} from '#/components/icons/ListSparkle'
@ -49,7 +48,7 @@ let ProfileMenu = ({
const {currentAccount, hasSession} = useSession() const {currentAccount, hasSession} = useSession()
const t = useTheme() const t = useTheme()
// TODO ALF this // TODO ALF this
const pal = usePalette('default') const alf = useTheme()
const {track} = useAnalytics() const {track} = useAnalytics()
const {openModal} = useModalControls() const {openModal} = useModalControls()
const reportDialogControl = useReportDialogControl() const reportDialogControl = useReportDialogControl()
@ -187,21 +186,21 @@ let ProfileMenu = ({
<EventStopper onKeyDown={false}> <EventStopper onKeyDown={false}>
<Menu.Root> <Menu.Root>
<Menu.Trigger label={_(`More options`)}> <Menu.Trigger label={_(`More options`)}>
{({props}) => { {({props, state}) => {
return ( return (
<TouchableOpacity <TouchableOpacity
{...props} {...props}
hitSlop={HITSLOP_10} hitSlop={HITSLOP_10}
testID="profileHeaderDropdownBtn" testID="profileHeaderDropdownBtn"
style={[ style={[
{ a.rounded_full,
flexDirection: 'row', a.justify_center,
alignItems: 'center', a.align_center,
justifyContent: 'center', {width: 36, height: 36},
padding: 8, alf.atoms.bg_contrast_25,
borderRadius: 50, (state.hovered || state.pressed) && [
}, alf.atoms.bg_contrast_50,
pal.btn, ],
]}> ]}>
<FontAwesomeIcon <FontAwesomeIcon
icon="ellipsis" icon="ellipsis"

View File

@ -1,5 +1,6 @@
import React, {useCallback, useMemo} from 'react' import React, {useCallback, useMemo} from 'react'
import {Pressable, StyleSheet, View} from 'react-native' import {Pressable, StyleSheet, View} from 'react-native'
import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
import {msg, Plural, Trans} from '@lingui/macro' import {msg, Plural, Trans} from '@lingui/macro'
import {useLingui} from '@lingui/react' import {useLingui} from '@lingui/react'
import {useIsFocused, useNavigation} from '@react-navigation/native' import {useIsFocused, useNavigation} from '@react-navigation/native'
@ -54,7 +55,6 @@ import {atoms as a, useTheme} from '#/alf'
import {Button as NewButton, ButtonText} from '#/components/Button' import {Button as NewButton, ButtonText} from '#/components/Button'
import {ArrowOutOfBox_Stroke2_Corner0_Rounded as Share} from '#/components/icons/ArrowOutOfBox' import {ArrowOutOfBox_Stroke2_Corner0_Rounded as Share} from '#/components/icons/ArrowOutOfBox'
import {CircleInfo_Stroke2_Corner0_Rounded as CircleInfo} from '#/components/icons/CircleInfo' import {CircleInfo_Stroke2_Corner0_Rounded as CircleInfo} from '#/components/icons/CircleInfo'
import {DotGrid_Stroke2_Corner0_Rounded as Ellipsis} from '#/components/icons/DotGrid'
import { import {
Heart2_Filled_Stroke2_Corner0_Rounded as HeartFilled, Heart2_Filled_Stroke2_Corner0_Rounded as HeartFilled,
Heart2_Stroke2_Corner0_Rounded as HeartOutline, Heart2_Stroke2_Corner0_Rounded as HeartOutline,
@ -303,15 +303,16 @@ export function ProfileFeedScreenInner({
a.align_center, a.align_center,
a.rounded_full, a.rounded_full,
{height: 36, width: 36}, {height: 36, width: 36},
t.atoms.bg_contrast_50, t.atoms.bg_contrast_25,
(state.hovered || state.pressed) && [ (state.hovered || state.pressed) && [
t.atoms.bg_contrast_100, t.atoms.bg_contrast_50,
], ],
]} ]}
testID="headerDropdownBtn"> testID="headerDropdownBtn">
<Ellipsis <FontAwesomeIcon
size="lg" icon="ellipsis"
fill={t.atoms.text_contrast_medium.color} size={20}
style={t.atoms.text}
/> />
</Pressable> </Pressable>
) )