diff options
| author | Paul Frazee <pfrazee@gmail.com> | 2023-05-17 11:10:51 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-05-17 11:10:51 -0500 |
| commit | 562faa76cce6e935295f30359cbd7180b912cec1 (patch) | |
| tree | 7ca94710f03a64d3e69d8ead9ec4e09e9c3d457b /src/view/shell | |
| parent | 41f3a0551511c7141aa416efe92130c4bf020214 (diff) | |
| download | voidsky-562faa76cce6e935295f30359cbd7180b912cec1.tar.zst | |
feat: add basic visual feedback on Button interactions (#708)
* 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>
Diffstat (limited to 'src/view/shell')
| -rw-r--r-- | src/view/shell/desktop/RightNav.tsx | 9 |
1 files changed, 4 insertions, 5 deletions
diff --git a/src/view/shell/desktop/RightNav.tsx b/src/view/shell/desktop/RightNav.tsx index fcdea35e8..4fae64fef 100644 --- a/src/view/shell/desktop/RightNav.tsx +++ b/src/view/shell/desktop/RightNav.tsx @@ -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 |