anyone-oslo/pages

import { csrfToken } from "../../lib/request";
import * as PageEditor from "../../types/PageEditor";
import usePageFormContext from "./usePageFormContext";

function pageUrl(state: PageEditor.State): string {
  if (state.page.id) {
    return `/admin/${state.locale}/pages/${state.page.id}`;
  } else {
    return `/admin/${state.locale}/pages`;
  }
}

export default function Form({ children }: React.PropsWithChildren) {
  const { state } = usePageFormContext();
  const { page } = state;

  return (
    <form
      className="edit-page main-wrapper"
      method="post"
      acceptCharset="UTF-8"
      action={pageUrl(state)}>
      {page.id && (
        <input type="hidden" name="_method" value="put" autoComplete="off" />
      )}
      <input
        type="hidden"
        autoComplete="off"
        name="authenticity_token"
        value={csrfToken()}
      />
      {children}
    </form>
  );
}