Function AddTagForm has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function AddTagForm(props: Props) {
  const [tag, setTag] = useState("");

  const submit = () => {
    props.dispatch({ type: "addTag", payload: tag });

Function uploadImage has 32 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const uploadImage = (file: File) => {
    const validTypes = [
      "image/gif",
      "image/jpeg",
      "image/pjpeg",

Function reducer has 32 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function reducer(state: State, action: Action): State {
  const { id, type } = action;

  const chain = (operations: Array<Partial<Action>>) => {
    return operations.reduce((s, o) => {

Function FileUploadButton has 32 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function FileUploadButton(props: Props) {
  const inputRef = useRef<HTMLInputElement>();

  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
    const fileList = evt.target.files;

Function updatePage has 31 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function updatePage(
  state: State,
  id: Tree.Id,
  dispatch: (action: Action) => void,
  attributes: Partial<PageRecord>

Function Content has 30 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Content(props: Props) {
  const { state, dispatch, tagsState, tagsDispatch } = props;

  const { page, locale, inputDir, templateConfig } = state;

Function pageImages has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function pageImages(state: Images.GridState) {
  const primary = state.primary.draggables
    .filter((r) => r !== "Files")
    .map((r: Drag.Draggable<Images.Record>, i: number) => {
      const pi = r.record;

Function useCrop has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function useCrop(
  image: Images.Resource
): [Crop.State, (action: Crop.Action) => void, string] {
  const initialState: Crop.State = {
    aspect: null,

Function getFiles has a Cognitive Complexity of 9 (exceeds 5 allowed). Consider refactoring.

Open

function getFiles(dt: DataTransfer): File[] {
  const files: File[] = [];
  if (dt.items) {
    for (let i = 0; i < dt.items.length; i++) {
      if (dt.items[i].kind == "file") {

• Read up
  Read up

Function cropReducer has a Cognitive Complexity of 9 (exceeds 5 allowed). Consider refactoring.

Open

function cropReducer(state: Crop.State, action: Crop.Action): Crop.State {
  const {
    crop_start_x,
    crop_start_y,
    crop_width,

• Read up
  Read up

Function AttachmentEditor has a Cognitive Complexity of 9 (exceeds 5 allowed). Consider refactoring.

Open

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

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

• Read up
  Read up

Method meta_description has a Cognitive Complexity of 9 (exceeds 5 allowed). Consider refactoring.

Open

    def meta_description(*args)
      if args.any?
        @meta_description = args.first
      else
        description = @meta_description

• Read up
  Read up

Function getFiles has a Cognitive Complexity of 9 (exceeds 5 allowed). Consider refactoring.

Open

function getFiles(dt: DataTransfer): File[] {
  const files: File[] = [];
  if (dt.items) {
    for (let i = 0; i < dt.items.length; i++) {
      if (dt.items[i].kind == "file") {

• Read up
  Read up

Function usePageTree has a Cognitive Complexity of 8 (exceeds 5 allowed). Consider refactoring.

Open

export default function usePageTree(
  pages: PageRecord[],
  locale: string,
  dir: string,
  permissions: string[]

• Read up
  Read up

Function List has a Cognitive Complexity of 8 (exceeds 5 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) => {

• Read up
  Read up

Method labelled_check_box has 5 arguments (exceeds 4 allowed). Consider refactoring.

Open

      attr, label = nil, options = {}, checked = "1", unchecked = "0"

Function containsFiles has a Cognitive Complexity of 7 (exceeds 5 allowed). Consider refactoring.

Open

function containsFiles(evt: AnyTouchEvent) {
  if ("dataTransfer" in evt) {
    const dataTransfer = evt.dataTransfer as DataTransfer;
    const types = dataTransfer.types;
    for (let i = 0; i < types.length; i++) {

• Read up
  Read up

Function Image has a Cognitive Complexity of 7 (exceeds 5 allowed). Consider refactoring.

Open

export default function Image(props: Props) {
  const imageSize = () => {
    const { image, cropping, crop_width, crop_height } = props.cropState;
    if (cropping) {
      return { width: image.real_width, height: image.real_height };

• Read up
  Read up

Function Form has a Cognitive Complexity of 7 (exceeds 5 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);

• Read up
  Read up

Function FileUploadButton has a Cognitive Complexity of 7 (exceeds 5 allowed). Consider refactoring.

Open

export default function FileUploadButton(props: Props) {
  const inputRef = useRef<HTMLInputElement>();

  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
    const fileList = evt.target.files;

• Read up
  Read up