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 173 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 PageTree has a Cognitive Complexity of 38 (exceeds 5 allowed). Consider refactoring.

Open

export default function PageTree({ dir, locale, pages, permissions }: Props) {
  const [state, dispatch] = usePageTree(pages, locale, dir, permissions);

  const [dragging, setDragging] = useState(false);
  const [dragState, setDragState] = useState<DragState | null>(null);

• Read up
  Read up

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 Node has 126 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Node(props: Props) {
  const { id, state, dispatch, dragging, onDragStart } = props;
  const { dir, locale } = state;
  const node = state.nodes[id];
  const page = node.record;

Function PageForm has 126 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,

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 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 65 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    (e: MouseEvent) => {
      if (!dragState) {
        return;
      } else if (!dragging) {
        const distance =

Function RichTextArea has a Cognitive Complexity of 19 (exceeds 5 allowed). Consider refactoring.

Open

export default function RichTextArea({
  id,
  name,
  value: initialValue,
  rows: initialRows,

• Read up
  Read up

Function DateRangeSelect has 64 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 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 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 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>({