Function LinkTab

app/src/Frame.tsx:99–126

(props: {
  page: string;
  tileset: Accessor<Tileset | undefined>;
  selected: boolean;
})

};

function LinkTab(props: {
  page: string;
  tileset: Accessor<Tileset | undefined>;
  selected: boolean;
}) {
  const fragment = createMemo(() => {
    const t = props.tileset();
    if (t) {
      const stateUrl = t.getStateUrl();
      if (stateUrl) return `#url=${stateUrl}`;
    }
    return "";
  });

  return (
    <a
      classList={{
        "font-bold": props.selected,
        "py-2": true,
        "px-4": true,
        underline: !props.selected,
      }}
      href={`/${props.page === "map" ? "" : `${props.page}/`}${fragment()}`}
    >
      {props.page}
    </a>
  );
}

export function Frame(props: {
  tileset: Accessor<Tileset | undefined>;