aswi2022code-of-duty-gitlab/frontend/src/features/TrackingTool/Import/GeoJsonExportButton.tsx @ 48690561

import { Button } from '@mui/material'
import { useSelector } from 'react-redux'
import { RootState } from '../../redux/store'
import { isMapPointDisplayable } from '../trackingToolUtils'
import { exportAsGeoJsonString } from '../Map/geoJsonMapping'

const GeoJsonExportButton = () => {
    const path = useSelector((state: RootState) => state.trackingTool.displayedPath)
    const exportPath = () => {
        if (!path) {
            return
        }

        const exportPath = path.filter(
            (vertex) => isMapPointDisplayable(vertex) && vertex.addToPath
        )
        const exportPathString = exportAsGeoJsonString(exportPath)
        const blob = new Blob([exportPathString], { type: 'application/json' })
        const url = window.URL.createObjectURL(blob)
        const link = document.createElement('a')
        link.href = url
        link.setAttribute('download', 'path.json')
        document.body.appendChild(link)
        link.click()
        document.body.removeChild(link)
    }

    return (
        <Button variant="contained" onClick={exportPath}>
            Export
        </Button>
    )
}

export default GeoJsonExportButton