JSFiddle - React, Tailwind, and code Playground

by batcave

JavaScript

const data = [{
  'marketId': 'com',
  'name': 'Europe',
  'languages': [{
    'code': 'de',
    'name': 'German'
  }, {
    'code': 'en',
    'name': 'English'
  }],
  'defaultLanguage': 'en',
  'defaultCurrencyCode': 'EUR'
}, {
  'marketId': 'DEFAULT',
  'name': 'Default Market',
  'languages': [{
    'code': 'en',
    'name': 'English'
  }],
  'defaultLanguage': 'en',
  'defaultCurrencyCode': 'USD'
}, {
  'marketId': 'dk',
  'name': 'Danmark',
  'languages': [{
    'code': 'da',
    'name': 'Danish'
  }],
  'defaultLanguage': 'da',
  'defaultCurrencyCode': 'DKK'
}, {
  'marketId': 'eu',
  'name': 'Europe depricated',
  'languages': [{
    'code': 'da',
    'name': 'Danish'
  }, {
    'code': 'de',
    'name': 'German'
  }, {
    'code': 'en',
    'name': 'English'
  }, {
    'code': 'fi',
    'name': 'Finnish'
  }, {
    'code': 'nb',
    'name': 'Norwegian (Bokmål)'
  }, {
    'code': 'sv',
    'name': 'Swedish'
  }],
  'defaultLanguage': 'en',
  'defaultCurrencyCode': 'EUR'
}, {
  'marketId': 'fi',
  'name': 'Finland',
  'languages': [{
    'code': 'fi',
    'name': 'Finnish'
  }, {
    'code': 'sv-FI',
    'name': 'Swedish (Finland)'
  }],
  'defaultLanguage': 'fi',
  'defaultCurrencyCode': 'EUR'
}, {
  'marketId': 'no',
  'name': 'Norge',
  'languages': [{
    'code': 'nb',
    'name': 'Norwegian (Bokmål)'
  }],
  'defaultLanguage': 'nb',
  'defaultCurrencyCode': 'NOK'
}, {
  'marketId': 'se',
  'name': 'Sverige',
  'languages': [{
    'code': 'sv',
    'name': 'Swedish'
  }],
  'defaultLanguage': 'sv',
  'defaultCurrencyCode': 'SEK'
}]

const newData = data.map((item) => {
  return {
    value: item.marketId,
    name: item.name
  }
})

console.log('newData: ', newData)