forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
show bottom bar on web tablet breakpoints when logged out (signup cta) (#2747)
* show signup bottom bar on web tablet
* show signup bottom bar on web tablet
* comment
* adjust load latest btn position based on logged in/out
+15
-5
+8
-2
src/view/com/util/load-latest/LoadLatestBtn.tsx
+8
-2
src/view/com/util/load-latest/LoadLatestBtn.tsx
···
10
10
const AnimatedTouchableOpacity =
11
11
Animated.createAnimatedComponent(TouchableOpacity)
12
12
import {isWeb} from 'platform/detection'
13
+
import {useSession} from 'state/session'
13
14
14
15
export function LoadLatestBtn({
15
16
onPress,
···
21
22
showIndicator: boolean
22
23
}) {
23
24
const pal = usePalette('default')
24
-
const {isDesktop, isTablet, isMobile} = useWebMediaQueries()
25
+
const {hasSession} = useSession()
26
+
const {isDesktop, isTablet, isMobile, isTabletOrMobile} = useWebMediaQueries()
25
27
const {fabMinimalShellTransform} = useMinimalShellMode()
26
28
29
+
// Adjust height of the fab if we have a session only on mobile web. If we don't have a session, we want to adjust
30
+
// it on both tablet and mobile since we are showing the bottom bar (see createNativeStackNavigatorWithAuth)
31
+
const showBottomBar = hasSession ? isMobile : isTabletOrMobile
32
+
27
33
return (
28
34
<AnimatedTouchableOpacity
29
35
style={[
···
32
38
isTablet && styles.loadLatestTablet,
33
39
pal.borderDark,
34
40
pal.view,
35
-
isMobile && fabMinimalShellTransform,
41
+
showBottomBar && fabMinimalShellTransform,
36
42
]}
37
43
onPress={onPress}
38
44
hitSlop={HITSLOP_20}