@@ -15,11 +15,14 @@ import {
|
|||||||
} from '@atproto/api'
|
} from '@atproto/api'
|
||||||
import {useIsFocused} from '@react-navigation/native'
|
import {useIsFocused} from '@react-navigation/native'
|
||||||
|
|
||||||
|
import {sanitizeDisplayName} from '#/lib/strings/display-names'
|
||||||
|
import {sanitizeHandle} from '#/lib/strings/handles'
|
||||||
import {isNative} from '#/platform/detection'
|
import {isNative} from '#/platform/detection'
|
||||||
import {useLightStatusBar} from '#/state/shell/light-status-bar'
|
import {useLightStatusBar} from '#/state/shell/light-status-bar'
|
||||||
import {usePagerHeaderContext} from '#/view/com/pager/PagerHeaderContext'
|
import {usePagerHeaderContext} from '#/view/com/pager/PagerHeaderContext'
|
||||||
import {LoadingPlaceholder} from '#/view/com/util/LoadingPlaceholder'
|
import {LoadingPlaceholder} from '#/view/com/util/LoadingPlaceholder'
|
||||||
import {atoms as a, useTheme} from '#/alf'
|
import {atoms as a, useTheme} from '#/alf'
|
||||||
|
import {Header} from '#/components/Layout'
|
||||||
import {ProfileHeaderLabeler} from './ProfileHeaderLabeler'
|
import {ProfileHeaderLabeler} from './ProfileHeaderLabeler'
|
||||||
import {ProfileHeaderStandard} from './ProfileHeaderStandard'
|
import {ProfileHeaderStandard} from './ProfileHeaderStandard'
|
||||||
|
|
||||||
@@ -87,6 +90,8 @@ export {ProfileHeader}
|
|||||||
|
|
||||||
const MinimalHeader = React.memo(function MinimalHeader({
|
const MinimalHeader = React.memo(function MinimalHeader({
|
||||||
onLayout,
|
onLayout,
|
||||||
|
profile,
|
||||||
|
hideBackButton,
|
||||||
}: {
|
}: {
|
||||||
onLayout: (e: LayoutChangeEvent) => void
|
onLayout: (e: LayoutChangeEvent) => void
|
||||||
profile: AppBskyActorDefs.ProfileViewDetailed
|
profile: AppBskyActorDefs.ProfileViewDetailed
|
||||||
@@ -156,8 +161,19 @@ const MinimalHeader = React.memo(function MinimalHeader({
|
|||||||
paddingTop: insets.top,
|
paddingTop: insets.top,
|
||||||
},
|
},
|
||||||
animatedStyle,
|
animatedStyle,
|
||||||
]}
|
]}>
|
||||||
/>
|
<Header.Outer>
|
||||||
|
{!hideBackButton && <Header.BackButton />}
|
||||||
|
<Header.Content align="left">
|
||||||
|
<Header.TitleText>
|
||||||
|
{sanitizeDisplayName(profile.displayName || profile.handle)}
|
||||||
|
</Header.TitleText>
|
||||||
|
<Header.SubtitleText>
|
||||||
|
{sanitizeHandle(profile.handle, '@')}
|
||||||
|
</Header.SubtitleText>
|
||||||
|
</Header.Content>
|
||||||
|
</Header.Outer>
|
||||||
|
</Animated.View>
|
||||||
)
|
)
|
||||||
})
|
})
|
||||||
MinimalHeader.displayName = 'MinimalHeader'
|
MinimalHeader.displayName = 'MinimalHeader'
|
||||||
|
|||||||
Reference in New Issue
Block a user