Function NextButton

apps/webapp/app/components/ListPagination.tsx:22–41

({ cursor }: { cursor?: string })

}

function NextButton({ cursor }: { cursor?: string }) {
  const path = useCursorPath(cursor, "forward");

  return (
    <LinkButton
      to={path ?? "#"}
      variant={"minimal/small"}
      TrailingIcon="arrow-right"
      trailingIconClassName="text-text-dimmed"
      className={cn(
        "flex items-center",
        !path &&
          "cursor-not-allowed opacity-50 group-hover:bg-transparent group-hover:text-text-dimmed"
      )}
      onClick={(e) => !path && e.preventDefault()}
    >
      Next
    </LinkButton>
  );
}

function PreviousButton({ cursor }: { cursor?: string }) {
  const path = useCursorPath(cursor, "backward");