Skip to content

Commit

Permalink
show property manager icon on inspection run
Browse files Browse the repository at this point in the history
  • Loading branch information
@devireddyprasanth22
devireddyprasanth22 committed Sep 13, 2024
1 parent e359855 commit 4c8cfb6
Show file tree
Hide file tree
Showing 4 changed files with 217 additions and 83 deletions.
167 changes: 86 additions & 81 deletions frontend/src/manager-components/inspection_run/InspectionRun.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import React, { useEffect, useState } from "react";
import { Typography, Grid, Box, Modal, Button } from "@mui/material";
import PersonIcon from "@mui/icons-material/Person";
import {
Table,
TableBody,
Expand All @@ -8,6 +9,7 @@ import {
TableHead,
TableRow,
tableCellClasses,
Avatar
} from "@mui/material";
import { supabase } from "../../supabase";
import { styled } from "@mui/material/styles";
Expand Down Expand Up @@ -226,16 +228,19 @@ const InspectionRun = () => {
sx={{ "&:last-child td, &:last-child th": { border: 0 } }}
>
<TableCell>
<Typography variant="body" fontWeight={700}>
{
inspection.propertyManagerData
.property_manager_first_name
}{" "}
{
inspection.propertyManagerData
.property_manager_last_name
}
</Typography>
<Box sx={{ display: "flex" }}>
<Avatar
src={inspection.propertyManagerData.property_manager_dp || ""}
alt="Property Manager"
sx={{ width: 32, height: 32, marginRight: 1 }}
>
{!inspection.propertyManagerData.property_manager_dp && <PersonIcon />}
</Avatar>
<Typography variant="body" fontWeight={700}>
{inspection.propertyManagerData.property_manager_first_name}{" "}
{inspection.propertyManagerData.property_manager_last_name}
</Typography>
</Box>
</TableCell>
<TableCell align="right">
<Typography variant="body" fontWeight={700}>
Expand Down Expand Up @@ -294,79 +299,79 @@ const InspectionRun = () => {
p: 4,
}}
>
<div style={{display:"flex", gap:"20px"}}>
<div>
<div>
<Typography variant="subtitle1">Select Origin:</Typography>
<select
value={selectedOrigin}
onChange={(e) => setSelectedOrigin(e.target.value)}
>
<option value="">--Select Origin--</option>
{filteredInspections.map((inspection) => (
<option
key={inspection.id}
value={fullAddress(
inspection.propertyData.property_street_number,
inspection.propertyData.property_street_name,
inspection.propertyData.property_type,
inspection.propertyData.property_suburb,
inspection.propertyData.property_state
)}
<div style={{ display: "flex", gap: "20px" }}>
<div>
<div>
<Typography variant="subtitle1">Select Origin:</Typography>
<select
value={selectedOrigin}
onChange={(e) => setSelectedOrigin(e.target.value)}
>
{fullAddress(
inspection.propertyData.property_street_number,
inspection.propertyData.property_street_name,
inspection.propertyData.property_type,
inspection.propertyData.property_suburb,
inspection.propertyData.property_state
)}
</option>
))}
</select>
</div>
<div>
<Typography variant="subtitle1">Select Destination:</Typography>
<select
value={selectedDestination}
onChange={(e) => setSelectedDestination(e.target.value)}
>
<option value="">--Select Destination--</option>
{filteredInspections.map((inspection) => (
<option
key={inspection.id}
value={fullAddress(
inspection.propertyData.property_street_number,
inspection.propertyData.property_street_name,
inspection.propertyData.property_type,
inspection.propertyData.property_suburb,
inspection.propertyData.property_state
)}
<option value="">--Select Origin--</option>
{filteredInspections.map((inspection) => (
<option
key={inspection.id}
value={fullAddress(
inspection.propertyData.property_street_number,
inspection.propertyData.property_street_name,
inspection.propertyData.property_type,
inspection.propertyData.property_suburb,
inspection.propertyData.property_state
)}
>
{fullAddress(
inspection.propertyData.property_street_number,
inspection.propertyData.property_street_name,
inspection.propertyData.property_type,
inspection.propertyData.property_suburb,
inspection.propertyData.property_state
)}
</option>
))}
</select>
</div>
<div>
<Typography variant="subtitle1">Select Destination:</Typography>
<select
value={selectedDestination}
onChange={(e) => setSelectedDestination(e.target.value)}
>
{fullAddress(
inspection.propertyData.property_street_number,
inspection.propertyData.property_street_name,
inspection.propertyData.property_type,
inspection.propertyData.property_suburb,
inspection.propertyData.property_state
)}
</option>
))}
</select>
</div>
<Button
variant="contained"
onClick={handleSaveRoute}
style={{ marginTop: '20px' }}
>
Show Route on Map
</Button>
</div>
<MapComponent
origin={mapData.origin}
destination={mapData.destination}
waypoints={mapData.waypoints}
/>
<option value="">--Select Destination--</option>
{filteredInspections.map((inspection) => (
<option
key={inspection.id}
value={fullAddress(
inspection.propertyData.property_street_number,
inspection.propertyData.property_street_name,
inspection.propertyData.property_type,
inspection.propertyData.property_suburb,
inspection.propertyData.property_state
)}
>
{fullAddress(
inspection.propertyData.property_street_number,
inspection.propertyData.property_street_name,
inspection.propertyData.property_type,
inspection.propertyData.property_suburb,
inspection.propertyData.property_state
)}
</option>
))}
</select>
</div>
<Button
variant="contained"
onClick={handleSaveRoute}
style={{ marginTop: '20px' }}
>
Show Route on Map
</Button>
</div>
<MapComponent
origin={mapData.origin}
destination={mapData.destination}
waypoints={mapData.waypoints}
/>
</div>
</Box>
</Modal>
Expand Down
46 changes: 46 additions & 0 deletions node_modules/.package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit 4c8cfb6

Please sign in to comment.