From 1e056b88255f3c4a7b6d09ae01723928aa6f4534 Mon Sep 17 00:00:00 2001
From: Mateusz Konieczny <matkoniecz@gmail.com>
Date: Wed, 7 Dec 2022 17:15:57 +0100
Subject: [PATCH] fix colours of boxes

---
 .../data-components/planning-data-entry.tsx        | 14 +++++++-------
 .../frontend/building/data-containers/planning.tsx | 12 ++++++------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/app/src/frontend/building/data-components/planning-data-entry.tsx b/app/src/frontend/building/data-components/planning-data-entry.tsx
index 5b692a51..7c544787 100644
--- a/app/src/frontend/building/data-components/planning-data-entry.tsx
+++ b/app/src/frontend/building/data-components/planning-data-entry.tsx
@@ -78,20 +78,20 @@ const PlanningDataOfficialDataEntry: React.FC<PlanningDataOfficialDataEntryProps
     if(data.length == 0) {
       if (props.allEntryCount == 0) {
         return (<Fragment>
-                  <InfoBox type='success'>
+                  <InfoBox>
                     <Disclaimer />
                   </InfoBox>
-                  <InfoBox type='info'>
+                  <InfoBox type='success'>
                   No live planning data available currently for this building polygon via the Planning London DataHub.
                   <br/>
                   </InfoBox>
                 </Fragment>);
     } else {
       return (<Fragment>
-                  <InfoBox type='success'>
+                  <InfoBox>
                     <Disclaimer />
                   </InfoBox>
-                <InfoBox type='info'>
+                <InfoBox type='success'>
                 No live planning data for this date range, but this building has associated planning data now shown here.
                 <br/>
                 </InfoBox>
@@ -99,10 +99,10 @@ const PlanningDataOfficialDataEntry: React.FC<PlanningDataOfficialDataEntryProps
     }
   }
   return <>
-        <InfoBox type='success'>
+        <InfoBox type='info'>
           To see planning applications visualised for different periods click on the dropdown on the map key.
         </InfoBox>
-        <InfoBox type='success'>
+        <InfoBox type='info'>
           {/* TODO: data[0] is problematic here... Compute it from listed elements and show all distinct variants? Error if they are not distinct? Hardcode it? */}
           <div>
             Planning application status is streamed using live data uploaded by local authorities to {data[0]["data_source_link"] ? <a href={data[0]["data_source_link"]}>{data[0]["data_source"]}</a> : data[0]["data_source"] }.
@@ -112,7 +112,7 @@ const PlanningDataOfficialDataEntry: React.FC<PlanningDataOfficialDataEntryProps
         </InfoBox>
         {data.map((item) => (
         <Fragment>
-        <InfoBox type='info'>
+        <InfoBox type='success'>
             <Fragment>
                 <div><b>Current planning application status for this site:</b> <StatusInfo 
                   statusBeforeAliasing={item["status_before_aliasing"]}
diff --git a/app/src/frontend/building/data-containers/planning.tsx b/app/src/frontend/building/data-containers/planning.tsx
index 70ea8d12..25ad73d1 100644
--- a/app/src/frontend/building/data-containers/planning.tsx
+++ b/app/src/frontend/building/data-containers/planning.tsx
@@ -113,7 +113,7 @@ const PlanningView: React.FunctionComponent<CategoryViewProps> = (props) => {
 
             </DataEntryGroup>
             <DataEntryGroup name="Past applications (official data)" collapsed={true} >
-                <InfoBox type='success'>
+                <InfoBox>
                     Past applications, including those with no decision in over a year
                 </InfoBox>
                 <PlanningDataOfficialDataEntry
@@ -122,7 +122,7 @@ const PlanningView: React.FunctionComponent<CategoryViewProps> = (props) => {
                 />
             </DataEntryGroup>
             <DataEntryGroup name="Possible future applications (crowdsourced data)" collapsed={true} >
-                <InfoBox>Click and colour buildings here if you think that there will be a future planning application. To add your opinion on how well this building works for the community, please visit the <Link to={communityLinkUrl}>Community</Link> section.</InfoBox>
+                <InfoBox type='success'>Click and colour buildings here if you think that there will be a future planning application. To add your opinion on how well this building works for the community, please visit the <Link to={communityLinkUrl}>Community</Link> section.</InfoBox>
                 <UserOpinionEntry
                     slug='community_expected_planning_application'
                     title={buildingUserFields.community_expected_planning_application.title}
@@ -135,10 +135,10 @@ const PlanningView: React.FunctionComponent<CategoryViewProps> = (props) => {
             </DataEntryGroup>
         </DataEntryGroup>
         <DataEntryGroup name="Planning zones" collapsed={true} >
-            <InfoBox type='success'>
+            <InfoBox>
                 Use the pink buttons to visualise planning zone data. You may need to <u>zoom out</u>.
             </InfoBox>
-            <InfoBox type='success'>
+            <InfoBox>
                 Data in this section comes from the Greater London Authority's Planning London Datahub. Please check the original GLA source when using for planning purposes.
                 Information on whether a specific building is in a zone will be added automatically in future.
             </InfoBox>
@@ -204,7 +204,7 @@ const PlanningView: React.FunctionComponent<CategoryViewProps> = (props) => {
             */}
         </DataEntryGroup>
         <DataEntryGroup name="Building protection" collapsed={true} >
-            <InfoBox type='success'>
+            <InfoBox>
                 This section provides information on heritage assets and building protection. To produce the most accurate spatial map possible we need to combine official data with crowdsourced data. Help us create this map together by checking, verifying and adding information.
             </InfoBox>
             <NumericDataEntryWithFormattedLink
@@ -393,7 +393,7 @@ const PlanningView: React.FunctionComponent<CategoryViewProps> = (props) => {
                 <InfoBox type='warning'>
                     This category is not yet activated.
                 </InfoBox>
-                <InfoBox type='success'>
+                <InfoBox>
                     This section is designed to provide information on land parcels and their ownership type. Can you help us to crowdsource this information?
                 </InfoBox>
                 <SelectDataEntry