Build optix dashboard is added
This commit is contained in:
29
src/components/actionGrid.tsx
Normal file
29
src/components/actionGrid.tsx
Normal file
@@ -0,0 +1,29 @@
|
||||
import React from 'react';
|
||||
import { View, Text, TouchableOpacity } from 'react-native';
|
||||
import Ionicons from 'react-native-vector-icons/Ionicons';
|
||||
import { styles } from '../styles/ActionGridStyles';
|
||||
import { actions } from '../constants/data';
|
||||
|
||||
|
||||
|
||||
export default function ActionGrid() {
|
||||
return (
|
||||
<View style={styles.grid}>
|
||||
{actions.map((action) => (
|
||||
<TouchableOpacity key={action.id} style={styles.button}>
|
||||
|
||||
<Ionicons
|
||||
name={action.icon}
|
||||
size={28}
|
||||
color={action.color}
|
||||
/>
|
||||
|
||||
<Text style={styles.text}>
|
||||
{action.label}
|
||||
</Text>
|
||||
|
||||
</TouchableOpacity>
|
||||
))}
|
||||
</View>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user