Untitled

import React, { useState, useRef } from "react";
import styled from "styled-components";
import { Link, navigate } from "gatsby";

function Map({ children, disabled }) {
  const initialName = "Wybierz Województwo";

  const [name, setName] = useState(initialName);
  const [voiv, setVoiv] = useState(null);

  const ref = useRef();

  const handleClick = async (e) => {
    e.preventDefault(); // Zapobiegaj domyślnej nawigacji
    const path = e.target.closest("a").getAttribute("href"); // Pobierz ścieżkę z Link

    // Sprawdź, czy strona istnieje (np. poprzez zapytanie do API lub innej logiki)
    const pageExists = await checkIfPageExists(path);

    if (pageExists) {
      navigate(path); // Przekieruj, jeśli strona istnieje
    } else {
      navigate("/"); // Przekieruj na stronę główną, jeśli strona nie istnieje
    }
  };

  const checkIfPageExists = async (path) => {
    // Tutaj dodaj logikę sprawdzającą, czy strona istnieje
    // Na przykład, możesz sprawdzić, czy ścieżka istnieje w liście dostępnych stron
    const availablePages = [
      "/warmińsko-mazurskie",
      "/pomorskie",
      "/dolnośląskie",
      "/zachodnio-pomorskie",
      "/lubuskie",
      "/wielkopolskie",
      "/kujawsko-pomorskie",
      "/śląskie",
      "/łódzkie",
      "/mazowieckie",
      "/świętokrzyskie",
      "/podlaskie",
      "/lubelskie",
      "/podkarpackie",
      "/opolskie",
      "/małopolskie",
    ];

    return availablePages.includes(path);
  };