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:
parent
7b9839673b
commit
f242f54078
2
App.tsx
2
App.tsx
|
@ -10,7 +10,7 @@ import {
|
|||
DefaultTheme as PaperDefaultTheme,
|
||||
Provider,
|
||||
} 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 MassiveSnack from './MassiveSnack';
|
||||
import Routes from './Routes';
|
||||
|
|
|
@ -126,16 +126,13 @@ export default function DrawerMenu({name}: {name: keyof DrawerParamList}) {
|
|||
visible={showMenu}
|
||||
onDismiss={() => setShowMenu(false)}
|
||||
anchor={
|
||||
<IconButton
|
||||
onPress={() => setShowMenu(true)}
|
||||
icon="ellipsis-vertical"
|
||||
/>
|
||||
<IconButton onPress={() => setShowMenu(true)} icon="more-vert" />
|
||||
}>
|
||||
<Menu.Item icon="arrow-down" onPress={download} title="Download" />
|
||||
<Menu.Item icon="arrow-up" onPress={upload} title="Upload" />
|
||||
<Menu.Item icon="arrow-downward" onPress={download} title="Download" />
|
||||
<Menu.Item icon="arrow-upward" onPress={upload} title="Upload" />
|
||||
<Divider />
|
||||
<Menu.Item
|
||||
icon="trash"
|
||||
icon="delete"
|
||||
onPress={() => setShowRemove(true)}
|
||||
title="Delete"
|
||||
/>
|
||||
|
|
12
Routes.tsx
12
Routes.tsx
|
@ -33,9 +33,9 @@ export default function Routes() {
|
|||
|
||||
const routes: Route[] = [
|
||||
{name: 'Home', component: HomePage, icon: 'home'},
|
||||
{name: 'Plans', component: PlanPage, icon: 'calendar'},
|
||||
{name: 'Best', component: BestPage, icon: 'stats-chart'},
|
||||
{name: 'Workouts', component: WorkoutsPage, icon: 'barbell'},
|
||||
{name: 'Plans', component: PlanPage, icon: 'event'},
|
||||
{name: 'Best', component: BestPage, icon: 'insights'},
|
||||
{name: 'Workouts', component: WorkoutsPage, icon: 'fitness-center'},
|
||||
{name: 'Settings', component: SettingsPage, icon: 'settings'},
|
||||
];
|
||||
|
||||
|
@ -51,11 +51,7 @@ export default function Routes() {
|
|||
name={route.name}
|
||||
component={route.component}
|
||||
options={{
|
||||
drawerIcon: ({focused}) => (
|
||||
<IconButton
|
||||
icon={focused ? route.icon : `${route.icon}-outline`}
|
||||
/>
|
||||
),
|
||||
drawerIcon: () => <IconButton icon={route.icon} />,
|
||||
}}
|
||||
/>
|
||||
))}
|
||||
|
|
Loading…
Reference in New Issue
Block a user