From 4c25de8abb7001d7d4c2314adc4a8015c31453e2 Mon Sep 17 00:00:00 2001
From: Mateusz Konieczny <matkoniecz@gmail.com>
Date: Tue, 10 Dec 2024 19:06:06 +0100
Subject: [PATCH] Automate calculation of general land use.

fixes #1477
---
 .../building/data-containers/land-use.tsx     | 21 ++++++++++++++++++-
 app/src/frontend/building/multi-edit.tsx      |  3 ++-
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/app/src/frontend/building/data-containers/land-use.tsx b/app/src/frontend/building/data-containers/land-use.tsx
index bdb6f0520..a22bdd25b 100644
--- a/app/src/frontend/building/data-containers/land-use.tsx
+++ b/app/src/frontend/building/data-containers/land-use.tsx
@@ -8,6 +8,7 @@ import { CategoryViewProps } from './category-view-props';
 import Verification from '../data-components/verification';
 import { useDisplayPreferences } from '../../displayPreferences-context';
 import { DataEntryGroup } from '../data-components/data-entry-group';
+import InfoBox from '../../components/info-box';
 
 /**
  * Use view/edit section
@@ -102,6 +103,23 @@ const LandUseView: React.FunctionComponent<CategoryViewProps> = (props) => {
                 />
             </DataEntryGroup>
             <DataEntryGroup name="General Land Use" collapsed={subcat==null || subcat!="2"}>
+                {/*deprecate this field somehow */}
+                <Fragment>
+                    <div className="data-title">
+                        <div className="data-title-text">
+                            <div className="data-title-text">
+                                <label>
+                                    <span>Is the building residential, non-residential or mixed? (automatically generated from Specific Land Use/s)</span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+                </Fragment>
+                <InfoBox type='success'>
+                    <Fragment>
+                        {["Mixed Use", "Residential"].includes(props.building.current_landuse_order) ? props.building.current_landuse_order : "Non-residential"}
+                    </Fragment>
+                </InfoBox>
                 {(props.mapColourScale != "is_domestic") ? 
                     <button className={`map-switcher-inline disabled-state btn btn-outline btn-outline-dark key-button`} onClick={switchToIsDomesticMapStyle}>
                         {"Click to see residential, non-residential and mixed-use buildings."}
@@ -109,6 +127,8 @@ const LandUseView: React.FunctionComponent<CategoryViewProps> = (props) => {
                     :
                     <></>
                 }
+                {/* switched to automatically filled based on specific landuse data*/
+                /*
                 <SelectDataEntry
                     title={dataFields.is_domestic.title}
                     slug="is_domestic"
@@ -119,7 +139,6 @@ const LandUseView: React.FunctionComponent<CategoryViewProps> = (props) => {
                     onChange={props.onChange}
                     tooltip={dataFields.is_domestic.tooltip}
                 />
-                {/*
                 <Verification
                     slug="is_domestic"
                     allow_verify={props.user !== undefined && props.building.is_domestic !== null && !props.edited}
diff --git a/app/src/frontend/building/multi-edit.tsx b/app/src/frontend/building/multi-edit.tsx
index c7bb5745f..c904e45f2 100644
--- a/app/src/frontend/building/multi-edit.tsx
+++ b/app/src/frontend/building/multi-edit.tsx
@@ -7,6 +7,7 @@ import InfoBox from '../components/info-box';
 import { allFieldsConfig } from '../config/data-fields-config';
 
 import DataEntry from './data-components/data-entry';
+import { Console } from 'console';
 
 interface MultiEditProps {
     category: string;
@@ -14,7 +15,7 @@ interface MultiEditProps {
 
 const MultiEdit: React.FC<MultiEditProps> = (props) => {
     const [data, error] = useMultiEditData();
-
+    console.log(data);
     return (
         <section className='data-section'>
             <header className={`section-header view ${props.category} background-${props.category}`}>