mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-22 18:06:42 +02:00
d36b321d9d
Applied formatting to 1487+ files using pnpm format:write - TypeScript/JavaScript files - Svelte components - Astro pages - JSON configs - Markdown docs 13 files still need manual review (Astro JSX comments)
46 lines
1 KiB
TypeScript
46 lines
1 KiB
TypeScript
import React from 'react';
|
|
import { TouchableOpacity, Text, StyleSheet } from 'react-native';
|
|
import { Ionicons } from '@expo/vector-icons';
|
|
import { useTheme } from '@react-navigation/native';
|
|
|
|
type NewChatButtonProps = {
|
|
onPress: () => void;
|
|
};
|
|
|
|
export default function NewChatButton({ onPress }: NewChatButtonProps) {
|
|
const { colors } = useTheme();
|
|
|
|
return (
|
|
<TouchableOpacity
|
|
style={[styles.button, { backgroundColor: colors.primary }]}
|
|
onPress={onPress}
|
|
>
|
|
<Ionicons name="add" size={24} color="#fff" style={styles.icon} />
|
|
<Text style={styles.text}>Neuer Chat</Text>
|
|
</TouchableOpacity>
|
|
);
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
button: {
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
paddingVertical: 14,
|
|
paddingHorizontal: 24,
|
|
borderRadius: 30,
|
|
shadowColor: '#000',
|
|
shadowOffset: { width: 0, height: 2 },
|
|
shadowOpacity: 0.1,
|
|
shadowRadius: 4,
|
|
elevation: 3,
|
|
},
|
|
icon: {
|
|
marginRight: 8,
|
|
},
|
|
text: {
|
|
color: '#fff',
|
|
fontSize: 16,
|
|
fontWeight: '600',
|
|
},
|
|
});
|