movie-web/native-app
1
0
Fork 0
mirror of https://github.com/movie-web/native-app.git synced 2025-09-13 14:03:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

replace all stylesheets with tailwind classes

Browse Source
This commit is contained in:
Jorrin
2024-01-23 21:56:17 +01:00
parent 8a48a1cce4
commit 26a1b623e7
25 changed files with 148 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
apps/mobile/components/TabBarIcon.tsx
View File

@@ -1,20 +1,16 @@
import { FontAwesome } from '@expo/vector-icons';
import Colors from '../constants/Colors.js';
import useTailwind from '../app/hooks/useTailwind';
type Props = {
focused?: boolean;
color?: string;
} & React.ComponentProps<typeof FontAwesome>;
export default function TabBarIcon({
color = Colors.shade[300],
focused,
...rest
}: Props) {
export default function TabBarIcon({ focused, ...rest }: Props) {
const { colors } = useTailwind();
return (
<FontAwesome
color={color || (focused ? Colors.purple[300] : Colors.shade[300])}
color={focused ? colors.purple[300] : colors.shade[300]}
size={24}
{...rest}
/>