From 87dfce7b8c6d55bfa61f36a91336e263b415bef0 Mon Sep 17 00:00:00 2001
From: Enzo Mourany <enzo.mourany@outlook.com>
Date: Tue, 14 Feb 2023 09:19:09 +0100
Subject: [PATCH] feat: add Circle around DropyPopup

---
 src/components/map/DropyMapMarker.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/map/DropyMapMarker.js b/src/components/map/DropyMapMarker.js
index 012bc1b..4cee526 100644
--- a/src/components/map/DropyMapMarker.js
+++ b/src/components/map/DropyMapMarker.js
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { Platform, StyleSheet, Text, View } from 'react-native';
-import { Marker } from 'react-native-maps';
+import { Circle, Marker } from 'react-native-maps';
 import { FontAwesome5 } from '@expo/vector-icons';
 import Styles, { Colors, Fonts } from '../../styles/Styles';
 
@@ -39,6 +39,15 @@ const DropyMapMarker = ({ dropy, onPress }) => {
       onPress={onPress}
       tracksViewChanges={dropy.isUserDropy}
     >
+      {dropy.isUserDropy && (
+        <Circle
+          center={{ latitude: dropy.latitude, longitude: dropy.longitude }}
+          radius={1000}
+          strokeWidth={2}
+          strokeColor={Colors.red}
+          fillColor='rgba(255,0,0,0.8)'
+        />
+      )}
       <View style={styles.container}>
         <DropyPopup style={styles.svgBackground}></DropyPopup>
         {dropy.isUserDropy ? (