Example module which places visual elements according to device detection

fitbit-layout.js

// App

/**
 * Return horizontal icon position.
 */
export function getIconX() {
  const hPos = {
    Ionic: 290,
    Versa: 250,
  };
  
  return hPos[deviceType];
}

/**
 * Return vertical icon position.
 */
export function getIconY({ metricNumber }) {
  const vPos = {
    Ionic: {
      0: 20,
      1: 77,
      2: 120,
      3: 165,
      4: 210,
    },
    Versa: {
      0: 30,
      1: 90,
      2: 150,
      3: 200,
      4: 255,
    },
  };
  
  return vPos[deviceType][metricNumber];
}