import { useEffect } from "react";
import { isDefined } from "helpers/asserts";
import { useIsWebkit } from "hooks/useIsWebkit";

export const useWebkitFixes = (): void => {
  const isWebkit = useIsWebkit();

  useEffect(() => {
    const next = document.getElementById("__next");
    if (isDefined(next)) {
      if (isWebkit) {
        next.classList.add("webkit-fixes");
      } else {
        next.classList.remove("webkit-fixes");
      }
    }
  }, [isWebkit]);
};