Prettier profile headers (no standard header) · jeanmachine.dev/witchsky.app@6a01e05

+6

ios/Podfile.lock

··· 236 236 - React-jsinspector (0.71.0) 237 237 - React-logger (0.71.0): 238 238 - glog 239 + - react-native-blur (4.3.0): 240 + - React-Core 239 241 - react-native-cameraroll (5.2.0): 240 242 - React-Core 241 243 - react-native-image-resizer (3.0.4): ··· 413 415 - React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`) 414 416 - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`) 415 417 - React-logger (from `../node_modules/react-native/ReactCommon/logger`) 418 + - "react-native-blur (from `../node_modules/@react-native-community/blur`)" 416 419 - "react-native-cameraroll (from `../node_modules/@react-native-camera-roll/camera-roll`)" 417 420 - "react-native-image-resizer (from `../node_modules/@bam.tech/react-native-image-resizer`)" 418 421 - react-native-pager-view (from `../node_modules/react-native-pager-view`) ··· 493 496 :path: "../node_modules/react-native/ReactCommon/jsinspector" 494 497 React-logger: 495 498 :path: "../node_modules/react-native/ReactCommon/logger" 499 + react-native-blur: 500 + :path: "../node_modules/@react-native-community/blur" 496 501 react-native-cameraroll: 497 502 :path: "../node_modules/@react-native-camera-roll/camera-roll" 498 503 react-native-image-resizer: ··· 578 583 React-jsiexecutor: 060dd495f1e2af3d87216f7ca8a94c55ec885b4f 579 584 React-jsinspector: 5061fcbec93fd672183dfb39cc2f65e55a0835db 580 585 React-logger: a6c0b3a807a8e81f6d7fea2e72660766f55daa50 586 + react-native-blur: 50c9feabacbc5f49b61337ebc32192c6be7ec3c3 581 587 react-native-cameraroll: 0ff04cc4e0ff5f19a94ff4313e5c8bc4503cd86d 582 588 react-native-image-resizer: 794abf75ec13ed1f0dbb1f134e27504ea65e9e66 583 589 react-native-pager-view: 54bed894cecebe28cede54c01038d9d1e122de43

+1

package.json

··· 24 24 "@react-native-async-storage/async-storage": "^1.17.6", 25 25 "@react-native-camera-roll/camera-roll": "^5.1.0", 26 26 "@react-native-clipboard/clipboard": "^1.10.0", 27 + "@react-native-community/blur": "^4.3.0", 27 28 "@zxing/text-encoding": "^0.9.0", 28 29 "base64-js": "^1.5.1", 29 30 "email-validator": "^2.0.4",

+20 -1

src/view/com/profile/ProfileHeader.tsx

··· 8 8 } from 'react-native' 9 9 import LinearGradient from 'react-native-linear-gradient' 10 10 import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' 11 + import {BlurView} from '@react-native-community/blur' 11 12 import {ProfileViewModel} from '../../../state/models/profile-view' 12 13 import {useStores} from '../../../state' 13 14 import { ··· 36 37 const pal = usePalette('default') 37 38 const store = useStores() 38 39 40 + const onPressBack = () => { 41 + store.nav.tab.goBack() 42 + } 39 43 const onPressAvi = () => { 40 44 if (view.avatar) { 41 45 store.shell.openLightbox(new ProfileImageLightbox(view)) ··· 262 266 </View> 263 267 ) : undefined} 264 268 </View> 269 + <TouchableWithoutFeedback onPress={onPressBack}> 270 + <BlurView style={styles.backBtn} blurType="dark"> 271 + <FontAwesomeIcon size={18} icon="angle-left" style={s.white} /> 272 + </BlurView> 273 + </TouchableWithoutFeedback> 265 274 <TouchableWithoutFeedback 266 275 testID="profileHeaderAviButton" 267 276 onPress={onPressAvi}> ··· 284 293 width: '100%', 285 294 height: 120, 286 295 }, 296 + backBtn: { 297 + position: 'absolute', 298 + top: 10, 299 + left: 10, 300 + width: 30, 301 + height: 30, 302 + borderRadius: 15, 303 + alignItems: 'center', 304 + justifyContent: 'center', 305 + }, 287 306 avi: { 288 307 position: 'absolute', 289 - top: 80, 308 + top: 110, 290 309 left: 10, 291 310 width: 84, 292 311 height: 84,

+2 -2

src/view/com/util/UserBanner.tsx

··· 61 61 }, [onSelectNewBanner]) 62 62 63 63 const renderSvg = () => ( 64 - <Svg width="100%" height="120" viewBox="50 0 200 100"> 64 + <Svg width="100%" height="150" viewBox="50 0 200 100"> 65 65 <Defs> 66 66 <LinearGradient id="grad" x1="0" y1="0" x2="1" y2="1"> 67 67 <Stop ··· 118 118 }, 119 119 bannerImage: { 120 120 width: '100%', 121 - height: 120, 121 + height: 150, 122 122 }, 123 123 })

-6

src/view/screens/Profile.tsx

··· 5 5 import {ScreenParams} from '../routes' 6 6 import {ProfileUiModel, Sections} from '../../state/models/profile-ui' 7 7 import {useStores} from '../../state' 8 - import {ConfirmModal} from '../../state/models/shell-ui' 9 8 import {ProfileHeader} from '../com/profile/ProfileHeader' 10 9 import {FeedItem} from '../com/posts/FeedItem' 11 10 import {PostFeedLoadingPlaceholder} from '../com/util/LoadingPlaceholder' ··· 13 12 import {ErrorMessage} from '../com/util/error/ErrorMessage' 14 13 import {EmptyState} from '../com/util/EmptyState' 15 14 import {Text} from '../com/util/text/Text' 16 - import {ViewHeader} from '../com/util/ViewHeader' 17 - import * as Toast from '../com/util/Toast' 18 15 import {FAB} from '../com/util/FAB' 19 16 import {s, colors} from '../lib/styles' 20 17 import {useOnMainScroll} from '../lib/hooks/useOnMainScroll' ··· 152 149 renderItem = () => <View /> 153 150 } 154 151 155 - const title = 156 - uiState.profile.displayName || uiState.profile.handle || params.name 157 152 return ( 158 153 <View testID="profileView" style={styles.container}> 159 - <ViewHeader title={title} /> 160 154 {uiState.profile.hasError ? ( 161 155 <ErrorScreen 162 156 testID="profileErrorScreen"

+5

yarn.lock

··· 1967 1967 resolved "https://registry.yarnpkg.com/@react-native-clipboard/clipboard/-/clipboard-1.11.1.tgz#d3a9e685ce2383b1e92b89a334896c5575cc103d" 1968 1968 integrity sha512-nvSIIHzybVWqYxcJE5hpT17ekxAAg383Ggzw5WrYHtkKX61N1AwaKSNmXs5xHV7pmKSOe/yWjtSwxIzfW51I5Q== 1969 1969 1970 + "@react-native-community/blur@^4.3.0": 1971 + version "4.3.0" 1972 + resolved "https://registry.yarnpkg.com/@react-native-community/blur/-/blur-4.3.0.tgz#e5018b3b0bd6de9632ac6cf34e9f8e0f1a9a28ec" 1973 + integrity sha512-d6phh39kKcbZ4IluDftiVWqfeFOgjl1AbQWzN47x+hLKQ5GvQJ6QhRvgAuDZ+xbJksrbXgNpMjVYkjsbcVehxg== 1974 + 1970 1975 "@react-native-community/cli-clean@^10.0.0": 1971 1976 version "10.0.0" 1972 1977 resolved "https://registry.yarnpkg.com/@react-native-community/cli-clean/-/cli-clean-10.0.0.tgz#09cc4c63116e81d3765ffedecc38387bcc7b4483"

Configure Feed

Configure Feed