diff --git a/src/components/WellShow/ConstructionInfo.tsx b/src/components/WellShow/ConstructionInfo.tsx index df2200c7..6493ed70 100644 --- a/src/components/WellShow/ConstructionInfo.tsx +++ b/src/components/WellShow/ConstructionInfo.tsx @@ -54,16 +54,41 @@ const Section = ({ children }: { children: React.ReactNode }) => ( const FieldRow = ({ label, value }: { label: string; value: string }) => ( - + {label} - {value} + + {value} + ) @@ -78,7 +103,7 @@ const FieldGroup = ({ }) => ( - + - - - - - - - - {selectedEquipment.notes && - selectedEquipment.notes !== '-' - ? selectedEquipment.notes - : 'N/A'} - + @@ -303,25 +306,41 @@ const DetailSection = ({ ) -const DetailRow = ({ label, value }: { label: string; value: string }) => ( +const DetailField = ({ label, value }: { label: string; value: string }) => ( - + {label} diff --git a/src/components/WellShow/GeologyInformation.tsx b/src/components/WellShow/GeologyInformation.tsx index c21e9200..b84b3be8 100644 --- a/src/components/WellShow/GeologyInformation.tsx +++ b/src/components/WellShow/GeologyInformation.tsx @@ -10,40 +10,71 @@ export const GeologyInformationAccordion = ({ well }: { well?: IWell }) => { - - - - Formation Completion Code: - - - {well?.formation_completion_code || 'N/A'} - - - - - Aquifer Systems: - - - {(well?.aquifers ?? []) + + + a?.aquifer_system) ?.filter(Boolean) - ?.join(', ') || 'N/A'} - - - - - Aquifer Types: - - - {well?.aquifers && well.aquifers.length > 0 - ? [ - ...new Set(well.aquifers.flatMap((a) => a.aquifer_types)), - ].join(', ') - : 'N/A'} - - + ?.join(', ') || 'N/A' + } + /> + 0 + ? [...new Set(well.aquifers.flatMap((a) => a.aquifer_types))].join(', ') + : 'N/A' + } + /> ) } + +const FieldRow = ({ label, value }: { label: string; value: string }) => ( + + + {label} + + + {value} + + +) diff --git a/src/components/WellShow/WellPhysicalProperties.tsx b/src/components/WellShow/WellPhysicalProperties.tsx index 2a460f4e..3f57aa8e 100644 --- a/src/components/WellShow/WellPhysicalProperties.tsx +++ b/src/components/WellShow/WellPhysicalProperties.tsx @@ -10,56 +10,73 @@ export const WellPhysicalPropertiesAccordion = ({ well }: { well?: IWell }) => { - - - - Casing Diameter: - - - {well?.well_casing_diameter?.toFixed(2) || 'N/A'} - {well?.well_casing_diameter - ? ` ${well?.well_casing_diameter_unit}` - : null} - - - - - Casing Depth: - - - {well?.well_casing_depth?.toFixed(2) || 'N/A'} - {well?.well_casing_depth - ? ` ${well?.well_casing_depth_unit}` - : null} - - - - - Casing Materials: - - - {well?.well_casing_materials?.join(', ') || 'N/A'} - - - - - Pump Type: - - - {well?.well_pump_type || 'N/A'} - - - - - Pump Depth: - - - {well?.well_pump_depth?.toFixed(2) || 'N/A'} - {well?.well_pump_depth ? ` ${well?.well_pump_depth_unit}` : null} - - - + + + + + + + ) } + +const FieldRow = ({ label, value }: { label: string; value: string }) => ( + + + {label} + + + {value} + + +) diff --git a/src/components/card/CoreWellInfo.tsx b/src/components/card/CoreWellInfo.tsx index 12e85316..511e2cba 100644 --- a/src/components/card/CoreWellInfo.tsx +++ b/src/components/card/CoreWellInfo.tsx @@ -104,16 +104,8 @@ export const CoreWellInfoCard = ({ well }: { well: IWell }) => { ) : null } > - - + + - + {label} - {value} + + {value} + , + icon: , }, }, ...tables,