Function Grid has 202 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Grid(props: Props) {
  const { primary, images, deleted, setDeleted } = props.state;

  const containerRef = useRef();
  const error = useToastStore((state) => state.error);

Function Options has 155 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Options(props: OptionsProps) {
  const { state, dispatch, authors, statuses } = props;

  const { page, locale, templates } = state;

Function List has 134 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function List(props: Props) {
  const { collection, deleted, setDeleted } = props.state;
  const locales = props.locales ? Object.keys(props.locales) : [props.locale];

  const uploadAttachment = (file: File) => {

Function ImageUploader has 132 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function ImageUploader(props: Props) {
  const [uploading, setUploading] = useState(false);
  const [dragover, setDragover] = useState(false);
  const [state, setState] = useState<State>({
    image: props.image,

Function PageForm has 119 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function PageForm(props: Props) {
  const [state, dispatch] = usePage({
    locales: props.locales,
    locale: props.locale,
    page: props.page,

File Node.tsx has 359 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/*
   Based on react-ui-tree
   https://github.com/pqx/react-ui-tree

   The MIT License (MIT)

Function Attachment has 98 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Attachment(props: Props) {
  const { attributeName, draggable, locales, locale } = props;
  const { record } = draggable;
  const { attachment, uploading } = record;

Function ImageUploader has a Cognitive Complexity of 27 (exceeds 5 allowed). Consider refactoring.

Open

export default function ImageUploader(props: Props) {
  const [uploading, setUploading] = useState(false);
  const [dragover, setDragover] = useState(false);
  const [state, setState] = useState<State>({
    image: props.image,

• Read up
  Read up

Function drag has a Cognitive Complexity of 27 (exceeds 5 allowed). Consider refactoring.

Open

  drag(e: MouseEvent) {
    if (this._start) {
      const distance =
        Math.abs(e.clientX - this._offsetX) +
        Math.abs(e.clientY - this._offsetY);

• Read up
  Read up

Function AttachmentEditor has 93 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function AttachmentEditor(props: Props) {
  const { attachment, locales } = props;

  const [locale, setLocale] = useState(props.locale);
  const [localizations, setLocalizations] = useState({

Function GridImage has 76 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function GridImage(props: Props) {
  const { attributeName, draggable } = props;
  const record = draggable.record;
  const image = record.image;

Function applyTabs has a Cognitive Complexity of 21 (exceeds 5 allowed). Consider refactoring.

Open

function applyTabs() {
  const tabLinks: HTMLAnchorElement[] = Array.from(
    document.querySelectorAll(".content-tabs li a")
  );
  const tabs: HTMLDivElement[] = Array.from(

• Read up
  Read up

Function Form has 71 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Form(props: Props) {
  const { alternative, caption, image, locale, locales } = props;

  const closeModal = useModalStore((state) => state.close);
  const notice = useToastStore((state) => state.notice);

Function drag has 71 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  drag(e: MouseEvent) {
    if (this._start) {
      const distance =
        Math.abs(e.clientX - this._offsetX) +
        Math.abs(e.clientY - this._offsetY);

Function Toolbar has 63 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Toolbar(props: Props) {
  const { cropping } = props.cropState;

  const aspectRatios: Array<[string, Ratio]> = [
    ["Free", null],

Function useDragUploader has 62 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function useDragUploader<T>(
  collections: Drag.Collection<T>[],
  onDragEnd: (dragState: Drag.State<T>, files: File[]) => void
): [
  Drag.State<T>,

Function DateRangeSelect has 61 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function DateRangeSelect(props: Props) {
  const { disabled, disableTime, objectName } = props;

  const [uncontrolledStartsAt, setUncontrolledStartsAt] = useState(
    parseDate(props.startsAt)

Function Attachment has a Cognitive Complexity of 18 (exceeds 5 allowed). Consider refactoring.

Open

export default function Attachment(props: Props) {
  const { attributeName, draggable, locales, locale } = props;
  const { record } = draggable;
  const { attachment, uploading } = record;

• Read up
  Read up

Function ImageCropper has 60 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function ImageCropper(props: Props) {
  const containerRef = useRef<HTMLDivElement>();
  const [containerSize, setContainerSize] = useState<Crop.Size>();

  const handleResize = () => {

Function FocalPoint has 59 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function FocalPoint(props: Props) {
  const { width, height, onChange } = props;

  const [dragging, setDragging] = useState(false);
  const [position, setPosition] = useState<Crop.Position>({