From 63e0d3c2e40ef2053b21dc8b686675e467023792 Mon Sep 17 00:00:00 2001
From: Mateusz Konieczny <matkoniecz@gmail.com>
Date: Wed, 11 Dec 2024 18:59:38 +0100
Subject: [PATCH] Fix hardcoded and outdated category links

---
 app/src/frontend/building/data-containers/community.tsx      | 3 ++-
 .../building/data-containers/construction-design.tsx         | 5 +++--
 app/src/frontend/building/data-containers/typology-size.tsx  | 3 ++-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/src/frontend/building/data-containers/community.tsx b/app/src/frontend/building/data-containers/community.tsx
index f7366b346..ac187b7f1 100644
--- a/app/src/frontend/building/data-containers/community.tsx
+++ b/app/src/frontend/building/data-containers/community.tsx
@@ -12,6 +12,7 @@ import SelectDataEntry from '../data-components/select-data-entry';
 import Verification from '../data-components/verification';
 import { MultiDataEntry } from '../data-components/multi-data-entry/multi-data-entry';
 import SliderDataEntry from '../data-components/slider-data-entry';
+import { Category } from '../../config/categories-config';
 
 /**
 * Community view/edit section
@@ -320,7 +321,7 @@ const CommunityView: React.FunctionComponent<CategoryViewProps> = (props) => {
                 />
                 <hr/>
                 <div className={`alert alert-dark`} role="alert" style={{ fontSize: 14, backgroundColor: "#f6f8f9" }}>
-                    <i className="source-url">Click <a href={"/"+props.mode+"/planning/"+props.building.building_id}>here</a> for 'Planning Controls' to see status of planning applications or to record if you think this building is likely to be demolished/significantly altered.</i>
+                    <i className="source-url">Click <a href={"/"+props.mode+"/"+Category.PlanningConservation+"/"+props.building.building_id}>here</a> for 'Planning Controls' to see status of planning applications or to record if you think this building is likely to be demolished/significantly altered.</i>
                 </div>
                 {/* <label className='average-score'>
                     Average neuroaesthetic score for this building: <span className='float-right'><strong>{props.building.community_building_neuroaesthetic_avg}</strong></span>
diff --git a/app/src/frontend/building/data-containers/construction-design.tsx b/app/src/frontend/building/data-containers/construction-design.tsx
index 8a09a8693..3a241792c 100644
--- a/app/src/frontend/building/data-containers/construction-design.tsx
+++ b/app/src/frontend/building/data-containers/construction-design.tsx
@@ -1,6 +1,7 @@
 import React, { Fragment } from 'react';
 
 import { commonSourceTypes, dataFields } from '../../config/data-fields-config';
+import { Category } from '../../config/categories-config';
 import DataEntry from '../data-components/data-entry';
 import { DataEntryGroup } from '../data-components/data-entry-group';
 import NumericDataEntry from '../data-components/numeric-data-entry';
@@ -667,7 +668,7 @@ const ConstructionDesignView: React.FunctionComponent<CategoryViewProps> = (prop
                     />
                     <div className={`alert alert-dark`} role="alert" style={{ fontSize: 14, backgroundColor: "#f6f8f9" }}>
                         <i className="source-url">To edit the building age, and to see the data mapped, please go to&nbsp;
-                        <a href={"/"+props.mode+"/age/"+props.building.building_id+"?sc=1"}>Age & History</a>.</i>
+                        <a href={"/"+props.mode+"/"+Category.AgeHistory+"/"+props.building.building_id+"?sc=1"}>Age & History</a>.</i>
                     </div>
                     <DataEntryGroup name="Client" collapsed={subcat==null || subcat!="3"}>
                         <MultiDataEntry
@@ -959,7 +960,7 @@ const ConstructionDesignView: React.FunctionComponent<CategoryViewProps> = (prop
                     />
                     <div className={`alert alert-dark`} role="alert" style={{ fontSize: 14, backgroundColor: "#f6f8f9" }}>
                         <i className="source-url">To edit the extension date, and to see the data mapped, please go to&nbsp;
-                        <a href={"/"+props.mode+"/age/"+props.building.building_id+"?sc=3"}>Age & History</a>.</i>
+                        <a href={"/"+props.mode+"/"+Category.AgeHistory+"/"+props.building.building_id+"?sc=3"}>Age & History</a>.</i>
                     </div>
                     <DataEntryGroup name="Client" collapsed={subcat==null || subcat!="8"}>
                         <MultiDataEntry
diff --git a/app/src/frontend/building/data-containers/typology-size.tsx b/app/src/frontend/building/data-containers/typology-size.tsx
index d40949fb5..c505f074c 100644
--- a/app/src/frontend/building/data-containers/typology-size.tsx
+++ b/app/src/frontend/building/data-containers/typology-size.tsx
@@ -1,6 +1,7 @@
 import React, { Fragment } from 'react';
 
 import { commonSourceTypes, dataFields } from '../../config/data-fields-config';
+import { Category } from '../../config/categories-config';
 import DataEntry from '../data-components/data-entry';
 import NumericDataEntry from '../data-components/numeric-data-entry';
 import SelectDataEntry from '../data-components/select-data-entry';
@@ -124,7 +125,7 @@ const TypologySizeView: React.FunctionComponent<CategoryViewProps> = (props) =>
                     />
                     <div className={`alert alert-dark`} role="alert" style={{ fontSize: 14, backgroundColor: "#f6f8f9" }}>
                         <i className="source-url">To edit the historical period box, and to see the data mapped, please go to&nbsp;
-                        <a href={"/"+props.mode+"/age/"+props.building.building_id+"?sc=2"}>Age & History</a>.</i>
+                        <a href={"/"+props.mode+"/" + Category.AgeHistory + "/"+props.building.building_id+"?sc=2"}>Age & History</a>.</i>
                     </div>
                 </DataEntryGroup>
                 <DataEntryGroup name="Dynamic Classification" collapsed={subcat==null || subcat!="3"}>