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

feat: add basic visual feedback on Button interactions (#708)

Browse source 
* feat: add basic visual feedback on Button interaction

* Use a more efficient approach to providing visual feedback

* Fix some lint issues left over from another PR

---------

Co-authored-by: Simek <gosimek@gmail.com>
This commit is contained in:
Paul Frazee 2023-05-17 11:10:51 -05:00 • committed by GitHub
parent 41f3a05515
commit 562faa76cc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 20 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/view/shell/desktop/RightNav.tsx
View file

@ -18,7 +18,7 @@ export const DesktopRightNav = observer(function DesktopRightNav() {
const store = useStores()
const pal = usePalette('default')
const mode = useColorSchemeStyle('Light', 'Dark')
const otherMode = mode === 'Dark' ? 'Light' : 'Dark';
const otherMode = mode === 'Dark' ? 'Light' : 'Dark'
const onDarkmodePress = React.useCallback(() => {
store.shell.setDarkMode(!store.shell.darkMode)
@ -72,12 +72,11 @@ export const DesktopRightNav = observer(function DesktopRightNav() {
: 'Sets display to dark mode'
}>
<View style={[pal.viewLight, styles.darkModeToggleIcon]}>
{
mode === 'Dark' ?
{mode === 'Dark' ? (
<SunIcon size={18} style={pal.textLight} />
:
) : (
<MoonIcon size={18} style={pal.textLight} />
}
)}
</View>
<Text type="sm" style={pal.textLight}>
{otherMode} mode