mirror/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive.git synced 2026-04-20 14:38:58 -04:00
Code Issues Packages Projects Releases Wiki Activity

add more tooltips

Browse Source
This commit is contained in:
Oscar Beaumont
2022-08-30 15:01:24 +08:00
parent 3e43f043b6
commit a8ecba472a
2 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
apps/mobile/src/components/drawer/DrawerContent.tsx
View File

@@ -8,6 +8,7 @@ import { CogIcon } from 'react-native-heroicons/solid';
import Layout from '../../constants/Layout';
import tw from '../../lib/tailwind';
import CollapsibleView from '../layout/CollapsibleView';
import { Tooltip } from '../tooltip/Tooltip';
import DrawerLocationItem from './DrawerLocationItem';
import DrawerLogo from './DrawerLogo';
import DrawerTagItem from './DrawerTagItem';
@@ -107,9 +108,11 @@ const DrawerContent = ({ navigation, state }: DrawerContentComponentProps) => {
</CollapsibleView>
</View>
{/* Settings */}
<Pressable onPress={() => navigation.navigate('Settings')}>
<CogIcon color="white" size={24} />
</Pressable>
<Tooltip label="Settings">
<Pressable onPress={() => navigation.navigate('Settings')}>
<CogIcon color="white" size={24} />
</Pressable>
</Tooltip>
</View>
</DrawerContentScrollView>
);

8
packages/interface/src/components/layout/TopBar.tsx
View File

@@ -127,8 +127,12 @@ export const TopBar: React.FC<TopBarProps> = (props) => {
className="flex h-[2.95rem] -mt-0.5 max-w z-10 pl-3 flex-shrink-0 items-center border-b dark:bg-gray-600 border-gray-100 dark:border-gray-800 !bg-opacity-90 backdrop-blur"
>
<div className="flex ">
<TopBarButton icon={ChevronLeftIcon} onClick={() => navigate(-1)} />
<TopBarButton icon={ChevronRightIcon} onClick={() => navigate(1)} />
<Tooltip label="Navigate back">
<TopBarButton icon={ChevronLeftIcon} onClick={() => navigate(-1)} />
</Tooltip>
<Tooltip label="Navigate forward">
<TopBarButton icon={ChevronRightIcon} onClick={() => navigate(1)} />
</Tooltip>
</div>
{/* <div className="flex mx-8 space-x-[1px]">