\n Large Scale Prospecting Polygon Information\n \n Polygon ID\n \n setLspPolygonId(value === \"\" ? undefined : Number(value))\n }\n type=\"text\"\n />\n \n {lspPolygonId !== undefined && (\n <>\n \n Wind speed and slope score\n {lspSelectedData?.ws_slope_score ?? \"Loading...\"}
\n \n \n \n Protected areas score\n {lspSelectedData?.protected_areas_score ?? \"Loading...\"}
\n {lspSelectedData !== undefined && (\n \n )}\n \n \n Land use score\n {lspSelectedData?.land_use_score ?? \"Loading...\"}
\n {lspSelectedData !== undefined && (\n \n )}\n \n \n Elevation score\n {lspSelectedData?.elevation_score ?? \"Loading...\"}
\n {lspSelectedData !== undefined && (\n \n )}\n \n \n Slope score\n {lspSelectedData?.slope_score ?? \"Loading...\"}
\n {lspSelectedData !== undefined && (\n \n )}\n \n \n Total score\n {lspSelectedData?.total_score ?? \"Loading...\"}
\n \n \n Mean wind speed\n \n {lspSelectedData === undefined\n ? \"Loading...\"\n : `${lspSelectedData.mws.toFixed(2)} m/s`}\n
\n \n \n Capacity factor\n \n {lspPolygonId === undefined\n ? \"Loading...\"\n : `${getRandomNumber(lspPolygonId, 15, 30).toFixed(1)}%`}\n
\n \n \n CAPEX\n \n {lspPolygonId === undefined\n ? \"Loading...\"\n : `${(\n Math.trunc(getRandomNumber(lspPolygonId, 8000, 15000)) * 100\n ).toFixed(0)} $/MW`}\n
\n \n \n IRR\n \n {lspPolygonId === undefined\n ? \"Loading...\"\n : `${getRandomNumber(lspPolygonId, 5, 12).toFixed(1)}%`}\n
\n \n \n kml &&\n saveAs(\n new Blob([kml], {\n type: \"application/vnd.google-earth.kml+xml\",\n }),\n \"result.kml\"\n )\n }\n disabled={!kml}\n >\n Download KML\n \n \n )}\n \n );\n};\n\nexport default LspInfo;\n","import { InfoCircleOutlined } from \"@ant-design/icons/lib\";\nimport { Tooltip } from \"antd\";\nimport mapboxgl from \"mapbox-gl\";\nimport React, { useEffect, useState } from \"react\";\nimport styled from \"styled-components\";\nimport { LSP_LAYER_SETTINGS, LSP_SOURCE_LAYERS } from \"../constants\";\nimport Container from \"./Container\";\nimport SectionTitle from \"./SectionTitle\";\n\ninterface Props {\n loading: boolean;\n mapBoxMap: mapboxgl.Map | null;\n}\n\nconst OptionGroup = styled.div`\n margin-bottom: 4px;\n`;\n\nconst Subtitle = styled.h4`\n color: white;\n`;\n\nconst LspResultShow: React.FC