brandon.presley/Massive
brandon.presley
/
Massive
4
8
Fork 3
Code Issues 14 Pull Requests Activity

Use Material icons instead of ionic icons 

Some of our other icons were already Material design,
so these Ionic icons looked out of place.
This commit is contained in:
Brandon Presley 2022-09-27 12:45:13 +13:00
parent 7b9839673b
commit f242f54078
3 changed files with 9 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
App.tsx
View File

@ -10,7 +10,7 @@ import {
DefaultTheme as PaperDefaultTheme, DefaultTheme as PaperDefaultTheme,
Provider, Provider,
} from 'react-native-paper'; } from 'react-native-paper';
import Ionicon from 'react-native-vector-icons/Ionicons'; import Ionicon from 'react-native-vector-icons/MaterialIcons';
import {lightColors} from './colors'; import {lightColors} from './colors';
import MassiveSnack from './MassiveSnack'; import MassiveSnack from './MassiveSnack';
import Routes from './Routes'; import Routes from './Routes';

11
DrawerMenu.tsx
View File

@ -126,16 +126,13 @@ export default function DrawerMenu({name}: {name: keyof DrawerParamList}) {
visible={showMenu} visible={showMenu}
onDismiss={() => setShowMenu(false)} onDismiss={() => setShowMenu(false)}
anchor={ anchor={
<IconButton <IconButton onPress={() => setShowMenu(true)} icon="more-vert" />
onPress={() => setShowMenu(true)}
icon="ellipsis-vertical"
/>
}> }>
<Menu.Item icon="arrow-down" onPress={download} title="Download" /> <Menu.Item icon="arrow-downward" onPress={download} title="Download" />
<Menu.Item icon="arrow-up" onPress={upload} title="Upload" /> <Menu.Item icon="arrow-upward" onPress={upload} title="Upload" />
<Divider /> <Divider />
<Menu.Item <Menu.Item
icon="trash" icon="delete"
onPress={() => setShowRemove(true)} onPress={() => setShowRemove(true)}
title="Delete" title="Delete"
/> />

12
Routes.tsx
View File

@ -33,9 +33,9 @@ export default function Routes() {
const routes: Route[] = [ const routes: Route[] = [
{name: 'Home', component: HomePage, icon: 'home'}, {name: 'Home', component: HomePage, icon: 'home'},
{name: 'Plans', component: PlanPage, icon: 'calendar'}, {name: 'Plans', component: PlanPage, icon: 'event'},
{name: 'Best', component: BestPage, icon: 'stats-chart'}, {name: 'Best', component: BestPage, icon: 'insights'},
{name: 'Workouts', component: WorkoutsPage, icon: 'barbell'}, {name: 'Workouts', component: WorkoutsPage, icon: 'fitness-center'},
{name: 'Settings', component: SettingsPage, icon: 'settings'}, {name: 'Settings', component: SettingsPage, icon: 'settings'},
]; ];
@ -51,11 +51,7 @@ export default function Routes() {
name={route.name} name={route.name}
component={route.component} component={route.component}
options={{ options={{
drawerIcon: ({focused}) => ( drawerIcon: () => <IconButton icon={route.icon} />,
<IconButton
icon={focused ? route.icon : `${route.icon}-outline`}
/>
),
}} }}
/> />
))} ))}