import React from "react";
import ReactDOM from "react-dom/client";
import { App } from "./App";
import { ViewMode } from "./routes/ViewMode";

const renderResistants = (defaultViewMode: ViewMode, isHome: boolean) => {
  ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
    <React.StrictMode>
      <App defaultViewMode={defaultViewMode} home={isHome} />
    </React.StrictMode>
  );
};

const render = () => {
  const isOnPageResistants = location.href.includes("resistants");
  const defaultViewMode: ViewMode = isOnPageResistants ? "photos" : "map";
  const isHome = !isOnPageResistants;

  renderResistants(defaultViewMode, isHome);
};

if ("Squarespace" in window) {
  // @ts-ignore
  window.Squarespace.onInitialize(Y, render);
} else {
  render();
}