реагировать на обработку темы рефакторинга

Я настраиваю свой собственный компонент реакции в соответствии с некоторыми условиями, вот код, вопрос в том, как мне сделать это чище? функциональный стиль?

const configColors = (isSingle, isDarkMode) => {
  let colors = {};

  if (isDarkMode){
    colors = {
      ...colors,
      configAxisLabelColor : Colors.white,
      configAxisGridColor : Colors.gridLineGray
    }
  }else{
    colors = {
      ...colors,
      configAxisLabelColor : Colors.lineGray,
      configAxisGridColor : Colors.transparent
    }
  }

  if (isSingle && !isDarkMode) {
    return colors = { 
      ...colors, 
      configAxisColor: Colors.transparent,
      configLineColor: Colors.lineGreen,
      configTooltipBackground: Colors.lineGreen,
    }
  }
  if (isSingle && isDarkMode) {
    return colors = { 
      ...colors, 
      configAxisColor: Colors.white,
      configLineColor: Colors.lineBlue,
      configTooltipBackground: Colors.lineBlue,
    }
  }
  if (!isSingle && !isDarkMode) {
    return colors = { 
      ...colors, 
      configAxisColor: Colors.lightBarGray,
      configLineColor: Colors.lineGray,
      configTooltipBackground: Colors.lineBlue,
    }
  }

}

Заранее спасибо!

0

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *