a_adli/colouring-montreal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

rearrange colors of boxes for consistency

Browse Source
This commit is contained in:
Mateusz Konieczny 2022-11-29 12:02:21 +01:00
parent d56a81bff6
commit c036de76b9
3 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/src/frontend/building/data-components/planning-data-entry.tsx
View File

@ -81,7 +81,7 @@ const PlanningDataOfficialDataEntry: React.FC<PlanningDataOfficialDataEntryProps
<InfoBox type='success'>
<Disclaimer />
</InfoBox>
<InfoBox type='success'>
<InfoBox type='info'>
No live planning data available currently for this building polygon via the Planning London DataHub.
<br/>
</InfoBox>
@ -91,7 +91,7 @@ const PlanningDataOfficialDataEntry: React.FC<PlanningDataOfficialDataEntryProps
<InfoBox type='success'>
<Disclaimer />
</InfoBox>
<InfoBox type='success'>
<InfoBox type='info'>
No live planning data for this date range, but this building has associated planning data now shown here.
<br/>
</InfoBox>
@ -106,7 +106,7 @@ const PlanningDataOfficialDataEntry: React.FC<PlanningDataOfficialDataEntryProps
<div>Planning application status is streamed using live data uploaded by local authorities to the {data[0]["data_source_link"] ? <a href={data[0]["data_source_link"]}>{data[0]["data_source"]}</a> : data[0]["data_source"] }.</div> </InfoBox>
{data.map((item) => (
<Fragment>
<InfoBox type='success'>
<InfoBox type='info'>
<Fragment>
<div><b>Current planning application status for this site:</b> <StatusInfo
statusBeforeAliasing={item["status_before_aliasing"]}

4
app/src/frontend/building/data-containers/planning.tsx
View File

@ -109,7 +109,7 @@ const PlanningView: React.FunctionComponent<CategoryViewProps> = (props) => {
</DataEntryGroup>
<DataEntryGroup name="Past applications (official data)" collapsed={true} >
<InfoBox type='warning'>
<InfoBox type='success'>
Past applications, including those with no decision in over a year
</InfoBox>
<PlanningDataOfficialDataEntry
@ -134,7 +134,7 @@ const PlanningView: React.FunctionComponent<CategoryViewProps> = (props) => {
mode={props.mode}
copy={props.copy}
/>
<InfoBox>To also add your opinion on how well this building works for the community, visit <Link to={communityLinkUrl}>Community</Link> section.</InfoBox>
<InfoBox type='danger'>To also add your opinion on how well this building works for the community, visit <Link to={communityLinkUrl}>Community</Link> section.</InfoBox>
</DataEntryGroup>
</DataEntryGroup>
<DataEntryGroup name="Planning contraints and building protection" collapsed={true} >

4
app/src/frontend/components/info-box.tsx
View File

@ -2,7 +2,9 @@ import React from 'react';
interface InfoBoxProps {
msg?: string;
type?: 'info' | 'warning' | 'success'
// https://react-bootstrap.github.io/components/alerts/
// predefined valid values
type?: 'info' | 'warning' | 'success' | 'danger'
}
const InfoBox: React.FC<InfoBoxProps> = ({msg, children, type = 'info'}) => (