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,
|
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';
|
||||||
|
|
|
@ -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
12
Routes.tsx
|
@ -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`}
|
|
||||||
/>
|
|
||||||
),
|
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
))}
|
))}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user