-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
c138bac
commit 57a3129
Showing
9 changed files
with
153 additions
and
263 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,10 @@ | ||
export const UploadCostSurfaceInfoButtonContent = (): JSX.Element => { | ||
return ( | ||
<div className="space-y-2.5 text-xs"> | ||
<h4 className="font-heading">List of supported file formats:</h4> | ||
<p>Zipped: .shp (zipped shapefiles must include .shp, .shx, .dbf, and .prj files)</p> | ||
</div> | ||
); | ||
}; | ||
|
||
export default UploadCostSurfaceInfoButtonContent; |
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
46 changes: 24 additions & 22 deletions
46
app/layout/project/sidebar/project/inventory-panel/cost-surfaces/info/index.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,28 +1,30 @@ | ||
import Image from 'next/image'; | ||
|
||
import COST_LAND_IMG from 'images/info-buttons/img_cost_surface_marine.png'; | ||
import COST_SEA_IMG from 'images/info-buttons/img_cost_surface_terrestrial.png'; | ||
|
||
const CostSurfaceInfo = (): JSX.Element => { | ||
return ( | ||
<> | ||
<h4 className="mb-2.5 font-heading text-lg">What is a Cost Surface?</h4> | ||
<div className="space-y-2"> | ||
<p> | ||
Marxan aims to minimize socio-economic impacts and conflicts between uses through what is | ||
called the “cost” surface. In conservation planning, cost data may reflect acquisition, | ||
management, or opportunity costs ($), but may also reflect non-monetary impacts. Proxies | ||
are commonly used in absence of fine-scale socio-economic information. A default value for | ||
cost will be the planning unit area but you can upload your cost surface. | ||
</p> | ||
<p> | ||
In the examples below, we illustrate how distance from a city, road or port can be used as | ||
a proxy cost surface. In these examples, areas with many competing activities will make a | ||
planning unit cost more than areas further away with less competition for access. | ||
</p> | ||
<img src={COST_SEA_IMG} alt="Cost sea" /> | ||
<img src={COST_LAND_IMG} alt="Cost Land" /> | ||
const CostSurfaceInfo = (): JSX.Element => ( | ||
<div> | ||
<h4 className="mb-2.5 font-heading text-lg">What is a Cost Surface?</h4> | ||
<div className="space-y-2"> | ||
<p> | ||
Marxan aims to minimize socio-economic impacts and conflicts between uses through what is | ||
called the “cost” surface. In conservation planning, cost data may reflect acquisition, | ||
management, or opportunity costs ($), but may also reflect non-monetary impacts. Proxies are | ||
commonly used in absence of fine-scale socio-economic information. A default value for cost | ||
will be the planning unit area but you can upload your cost surface. | ||
</p> | ||
<p> | ||
In the examples below, we illustrate how distance from a city, road or port can be used as a | ||
proxy cost surface. In these examples, areas with many competing activities will make a | ||
planning unit cost more than areas further away with less competition for access. | ||
</p> | ||
<div className="flex flex-col items-center pt-6"> | ||
<Image src={COST_SEA_IMG} alt="Cost sea" height={200} width={270} /> | ||
<Image src={COST_LAND_IMG} alt="Cost Land" height={200} width={270} /> | ||
</div> | ||
</> | ||
); | ||
}; | ||
</div> | ||
</div> | ||
); | ||
|
||
export default CostSurfaceInfo; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.