eddy/weegschaal-app
Watch
1
0
Fork
You've already forked weegschaal-app
 0
Code Issues 12 Pull requests Projects Releases Packages Wiki Activity

ui: vervang share icoon door MaterialIcons standaard share icon

Browse source
This commit is contained in:
eddy 2026-07-20 19:23:48 +02:00
commit e9a17d32a2
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/LatestMeasurementCard.tsx
View file

@ -2,6 +2,7 @@ import React, { useRef } from 'react'
import { View, Text, StyleSheet, TouchableOpacity } from 'react-native' import { View, Text, StyleSheet, TouchableOpacity } from 'react-native'
import ViewShot from 'react-native-view-shot' import ViewShot from 'react-native-view-shot'
import * as Sharing from 'expo-sharing' import * as Sharing from 'expo-sharing'
import { MaterialIcons } from '@expo/vector-icons'
import { Measurement } from '../types' import { Measurement } from '../types'
type Props = { measurements: Measurement[] } type Props = { measurements: Measurement[] }
@ -46,7 +47,7 @@ export default function LatestMeasurementCard({ measurements }: Props) {
<View style={styles.header}> <View style={styles.header}>
<View style={{ flex: 1 }} /> <View style={{ flex: 1 }} />
<TouchableOpacity onPress={handleShare} hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}> <TouchableOpacity onPress={handleShare} hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}>
<Text style={styles.shareIcon}>↗</Text> <MaterialIcons name="share" size={24} color="#2196F3" />
</TouchableOpacity> </TouchableOpacity>
</View> </View>
@ -87,7 +88,6 @@ export default function LatestMeasurementCard({ measurements }: Props) {
const styles = StyleSheet.create({ const styles = StyleSheet.create({
card: { backgroundColor: '#fff', borderRadius: 12, padding: 16, margin: 16, shadowColor: '#000', shadowOpacity: 0.1, shadowRadius: 8, elevation: 3 }, card: { backgroundColor: '#fff', borderRadius: 12, padding: 16, margin: 16, shadowColor: '#000', shadowOpacity: 0.1, shadowRadius: 8, elevation: 3 },
header: { flexDirection: 'row', alignItems: 'center', marginBottom: 8 }, header: { flexDirection: 'row', alignItems: 'center', marginBottom: 8 },
shareIcon: { fontSize: 22, color: '#2196F3' },
shotContent: { backgroundColor: '#fff', padding: 16 }, shotContent: { backgroundColor: '#fff', padding: 16 },
title: { fontSize: 18, fontWeight: '700', marginBottom: 4 }, title: { fontSize: 18, fontWeight: '700', marginBottom: 4 },
date: { fontSize: 14, color: '#666', marginBottom: 12 }, date: { fontSize: 14, color: '#666', marginBottom: 12 },