Add kawaii mode (#3773)
This commit is contained in:
		
							parent
							
								
									181e61bedb
								
							
						
					
					
						commit
						81ae7e425d
					
				
					 17 changed files with 152 additions and 30 deletions
				
			
		| 
						 | 
				
			
			@ -1,22 +1,26 @@
 | 
			
		|||
import React from 'react'
 | 
			
		||||
import {StyleSheet, View} from 'react-native'
 | 
			
		||||
import {usePalette} from 'lib/hooks/usePalette'
 | 
			
		||||
import {DesktopSearch} from './Search'
 | 
			
		||||
import {DesktopFeeds} from './Feeds'
 | 
			
		||||
import {Text} from 'view/com/util/text/Text'
 | 
			
		||||
import {TextLink} from 'view/com/util/Link'
 | 
			
		||||
import {FEEDBACK_FORM_URL, HELP_DESK_URL} from 'lib/constants'
 | 
			
		||||
import {s} from 'lib/styles'
 | 
			
		||||
import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
 | 
			
		||||
import {useLingui} from '@lingui/react'
 | 
			
		||||
import {msg} from '@lingui/macro'
 | 
			
		||||
import {useLingui} from '@lingui/react'
 | 
			
		||||
 | 
			
		||||
import {useKawaiiMode} from '#/state/preferences/kawaii'
 | 
			
		||||
import {useSession} from '#/state/session'
 | 
			
		||||
import {FEEDBACK_FORM_URL, HELP_DESK_URL} from 'lib/constants'
 | 
			
		||||
import {usePalette} from 'lib/hooks/usePalette'
 | 
			
		||||
import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
 | 
			
		||||
import {s} from 'lib/styles'
 | 
			
		||||
import {TextLink} from 'view/com/util/Link'
 | 
			
		||||
import {Text} from 'view/com/util/text/Text'
 | 
			
		||||
import {DesktopFeeds} from './Feeds'
 | 
			
		||||
import {DesktopSearch} from './Search'
 | 
			
		||||
 | 
			
		||||
export function DesktopRightNav({routeName}: {routeName: string}) {
 | 
			
		||||
  const pal = usePalette('default')
 | 
			
		||||
  const {_} = useLingui()
 | 
			
		||||
  const {hasSession, currentAccount} = useSession()
 | 
			
		||||
 | 
			
		||||
  const kawaii = useKawaiiMode()
 | 
			
		||||
 | 
			
		||||
  const {isTablet} = useWebMediaQueries()
 | 
			
		||||
  if (isTablet) {
 | 
			
		||||
    return null
 | 
			
		||||
| 
						 | 
				
			
			@ -90,6 +94,17 @@ export function DesktopRightNav({routeName}: {routeName: string}) {
 | 
			
		|||
              text={_(msg`Help`)}
 | 
			
		||||
            />
 | 
			
		||||
          </View>
 | 
			
		||||
          {kawaii && (
 | 
			
		||||
            <Text type="md" style={[pal.textLight, {marginTop: 12}]}>
 | 
			
		||||
              Logo by{' '}
 | 
			
		||||
              <TextLink
 | 
			
		||||
                type="md"
 | 
			
		||||
                href="/profile/sawaratsuki.bsky.social"
 | 
			
		||||
                text="@sawaratsuki.bsky.social"
 | 
			
		||||
                style={pal.link}
 | 
			
		||||
              />
 | 
			
		||||
            </Text>
 | 
			
		||||
          )}
 | 
			
		||||
        </View>
 | 
			
		||||
      </View>
 | 
			
		||||
    </View>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue