keen-dashboard-builder/lib/utils/loadFontsFromDashboard.js

Dashboard builder for Keen.io

import WebFont from 'webfontloader';

const getFontsList = dashboard => {
  const fonts = new Set();
  const { settings } = dashboard;
  if (settings.charts_theme && Object.keys(settings.charts_theme).length) {
    Object.keys(settings.charts_theme).forEach(item => {
      const theme =
        (settings.charts_theme[item] && settings.charts_theme[item].theme) ||
        {};
      Object.keys(theme).reduce((acc, key) => {
        if (key.includes('font_family') && theme[key]) {
          acc.add(theme[key]);
        }
        return acc;
      }, fonts);
    });
  }

  if (settings.theme && settings.theme.theme) {
    const { theme } = settings.theme;
    Object.keys(theme).reduce((acc, key) => {
      if (key.includes('font_family') && theme[key]) {
        acc.add(theme[key]);
      }
      return acc;
    }, fonts);
  }
  return Array.from(fonts);
};

const loadFontsFromDashboard = dashboard => {
  const fonts = getFontsList(dashboard);
  if (fonts.length) {
    WebFont.load({
      google: {
        families: fonts
      }
    });
  }
};

export default loadFontsFromDashboard;