Map on property manager's property item

hkam0006 · Sep 18, 2024 · c4ebf80 · c4ebf80
1 parent 965cef8
commit c4ebf80
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/frontend/src/manager-components/property_page/PropertyDetails.jsx b/frontend/src/manager-components/property_page/PropertyDetails.jsx
@@ -18,6 +18,11 @@ import useGetPropertyByPropertyID from '../../queries/Property/useGetPropertyByP
 import AppLoader from './AppLoader';
 import ArrowBackIcon from '@mui/icons-material/ArrowBack';
 import useGetApplicationsByPropertyID from '../../queries/Application/useGetApplicationsByPropertyID';
+import PropertyMap from '../../public-components/PropertyMap';
+
+const fullAddress = (p) => {
+    return `${p.property_street_number} ${p.property_street_name}, ${p.property_suburb}, ${p.property_state} ${p.property_postcode}`;
+  };
 
 export default function PropertyDetails() {
 
@@ -132,6 +137,8 @@ export default function PropertyDetails() {
                             </Grid>
                         </Grid>
                         <Divider sx={{ mt: 2, mb: 2 }} />
+                        <PropertyMap point={fullAddress(prop)} />
+                        <Divider sx={{ mt: 2, mb: 2 }} />
                         <Grid container spacing={2}>
                             <Grid item xs={12}>
                                 <Box>