zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Composer - Use sheet presentation on iOS (#4278)

Browse source 
* use sheet presentation + tweak spacing

* line up elements + add hitslop to cancel

* fixing spacing on replies
This commit is contained in:
Samuel Newman 2024-05-30 14:39:36 +03:00 • committed by GitHub
parent 76f860dad2
commit 3bdceac2fb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 53 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/alf/util/useColorModeTheme.ts
View file

@ -7,19 +7,21 @@ import {useThemePrefs} from 'state/shell'
import {dark, dim, light, ThemeName} from '#/alf/themes'
export function useColorModeTheme(): ThemeName {
const theme = useThemeName()
React.useLayoutEffect(() => {
updateDocument(theme)
SystemUI.setBackgroundColorAsync(getBackgroundColor(theme))
}, [theme])
return theme
}
export function useThemeName(): ThemeName {
const colorScheme = useColorScheme()
const {colorMode, darkTheme} = useThemePrefs()
React.useLayoutEffect(() => {
const theme = getThemeName(colorScheme, colorMode, darkTheme)
updateDocument(theme)
SystemUI.setBackgroundColorAsync(getBackgroundColor(theme))
}, [colorMode, colorScheme, darkTheme])
return React.useMemo(
() => getThemeName(colorScheme, colorMode, darkTheme),
[colorScheme, colorMode, darkTheme],
)
return getThemeName(colorScheme, colorMode, darkTheme)
}
function getThemeName(
@ -53,7 +55,7 @@ function updateDocument(theme: ThemeName) {
}
}
function getBackgroundColor(theme: ThemeName): string {
export function getBackgroundColor(theme: ThemeName): string {
switch (theme) {
case 'light':
return light.atoms.bg.backgroundColor