Function fetchColors has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

async function fetchColors(): Promise<CalendarColor[]> {
  const url = 'https://www.googleapis.com/calendar/v3/colors'

  let p = new URLSearchParams()
  p.append('key', API_KEY)

Function TaskTag has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const TaskTag = (props: Props): JSX.Element => {
  const tag = props.tag
  const [pickerVisible, setPickerVisible] = useState(false)
  const refElm = useRef<Element>(null)
  const { tags, upsertTag } = useTagHistory()

Function handleKeyboard has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    function handleKeyboard(e: KeyboardEvent) {
      switch (e.key) {
        case 'Enter':
        case ' ':
          if (!menuController.openSubmenu()) hide();

Function Alarm has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function Alarm(): JSX.Element {
  const [mode] = useMode()
  const [_, setVisible] = useModal(MODAL.ALARM)
  const analytics = useAnalytics()
  const [hoverRef, isHovered] = useHover(200)

Function Sync has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function Sync(): JSX.Element {
  const analytics = useAnalytics()
  const [mode] = useMode()
  const [_, setVisible] = useModal(MODAL.SYNC)
  const [hoverRef, isHovered] = useHover(200)

Function logout has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  async logout(): Promise<boolean> {
    let logoutResult

    const tokenType = await Storage.get(STORAGE_KEY.TOKEN_TYPE)
    if (tokenType === TOKEN_TYPE.WEB) {

Function SyncModal has a Cognitive Complexity of 10 (exceeds 5 allowed). Consider refactoring.

Open

export function SyncModal(): JSX.Element {
  const manager = useTaskManager()
  const analytics = useAnalytics()
  const isLoggedIn = useOauthState()
  const [visible, setVisible] = useModal(MODAL.SYNC)

• Read up
  Read up

Function toString has a Cognitive Complexity of 10 (exceeds 5 allowed). Consider refactoring.

Open

  public toString(): string {
    let str = `- [ ] ${this.title}`
    // state
    if (this.isComplete()) {
      str = str.replace('[ ]', '[x]')

• Read up
  Read up

Function getProjection has a Cognitive Complexity of 10 (exceeds 5 allowed). Consider refactoring.

Open

export function getProjection(
  items: FlattenedItem[],
  activeId: UniqueIdentifier,
  overId: UniqueIdentifier,
  dragOffset: number,

• Read up
  Read up

Function parseStr has a Cognitive Complexity of 10 (exceeds 5 allowed). Consider refactoring.

Open

  static parseStr(timeStr: string): Time {
    const timeRegexps = [
      { type: TIME_TYPE.NEGATIVE_SIGN, regexp: /^(-)/ },
      { type: TIME_TYPE.MINUTE, regexp: /(\d+)m/ },
      { type: TIME_TYPE.HOUR, regexp: /(\d+(?:\.\d+)?)h/ },

• Read up
  Read up

Function Debug has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function Debug(): JSX.Element {
  const { trackings } = useTrackingState()
  const [sCalendar] = useStorage<EventLine[]>(STORAGE_KEY.CALENDAR_EVENT)
  const [sAlarms] = useStorage(STORAGE_KEY.ALARMS)
  const root = useTaskManager().getRoot()

Function setAlarm has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  setAlarm(param: Alarm, sendResponse: () => void) {
    const alarm = new Alarm({
      type: param.type,
      name: param.name,
      message: param.message,

Function stopTracking has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    (node: Node, checked?: boolean) => {
      // Clone the objects for updating.
      const newNode = node.clone()
      const newTask = newNode.data as Task

Function changeIndent has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const changeIndent = (
    depth: number,
    from: number,
    to: number,
  ): [string, number, number] => {

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

Open

export const stopTrackings = (
  root: Node,
  trackings: TrackingState[],
): [Node, CalendarEvent[]] => {
  const events = []

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

Open

function Inner(props: EventListProps): JSX.Element {
  const { data } = fetchEvents(props.calendar)
  const isExist = data.length !== 0

  useEffect(() => {

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

Open

async function fetchCalendars(): Promise<Calendar[]> {
  const url = 'https://www.googleapis.com/calendar/v3/users/me/calendarList'

  let p = new URLSearchParams()
  p.append('minAccessRole', 'writer')

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

Open

  async ensureToken(): Promise<string> {
    const token = (await Storage.get(STORAGE_KEY.ACCESS_TOKEN)) as string
    try {
      const response = await fetch(
        `https://oauth2.googleapis.com/tokeninfo?access_token=${token}`,

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

Open

export const ColorPicker = (props: Props): JSX.Element => {
  const [visible, setVisible] = useState(false)
  let presets = unique(props.presetColors) || []
  if (presets.length < PresetMax) {
    presets = unique(presets.concat(PresetColors))

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

Open

function Remain(props: RemainProps): JSX.Element {
  const estimatedTime = props.estimatedTime
  const [time, setTime] = useState<Time>(new Time())

  useLayoutEffect(() => {