From e9a17d32a23a4dfd50e4d64874d2464ce1e33129 Mon Sep 17 00:00:00 2001
From: eddy <eddy@macmini.local>
Date: Mon, 20 Jul 2026 19:23:48 +0200
Subject: [PATCH] ui: vervang share icoon door MaterialIcons standaard share
 icon

---
 src/components/LatestMeasurementCard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/LatestMeasurementCard.tsx b/src/components/LatestMeasurementCard.tsx
index 1926c58..0d4f494 100644
--- a/src/components/LatestMeasurementCard.tsx
+++ b/src/components/LatestMeasurementCard.tsx
@@ -2,6 +2,7 @@ import React, { useRef } from 'react'
 import { View, Text, StyleSheet, TouchableOpacity } from 'react-native'
 import ViewShot from 'react-native-view-shot'
 import * as Sharing from 'expo-sharing'
+import { MaterialIcons } from '@expo/vector-icons'
 import { Measurement } from '../types'
 
 type Props = { measurements: Measurement[] }
@@ -46,7 +47,7 @@ export default function LatestMeasurementCard({ measurements }: Props) {
       <View style={styles.header}>
         <View style={{ flex: 1 }} />
         <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>
       </View>
 
@@ -87,7 +88,6 @@ export default function LatestMeasurementCard({ measurements }: Props) {
 const styles = StyleSheet.create({
   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 },
-  shareIcon: { fontSize: 22, color: '#2196F3' },
   shotContent: { backgroundColor: '#fff', padding: 16 },
   title: { fontSize: 18, fontWeight: '700', marginBottom: 4 },
   date: { fontSize: 14, color: '#666', marginBottom: 12 },