jobiqo-cl/lib/src/components/03-molecules/09-country-switch/index.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var React = require('react');
var React__default = _interopDefault(React);
var At = require('../../../icons/At.js');
var De = require('../../../icons/De.js');
var Pt = require('../../../icons/Pt.js');
var Uk = require('../../../icons/Uk.js');
var Us = require('../../../icons/Us.js');
var index = require('../../../../node_modules/@reach/menu-button/es/index.js');
var index$1 = require('../04-navigation/01-menu-button/index.js');

/**
 * @file index.tsx
 *
 * @fileoverview Renders a country menu button used to toggle between different countries.
 */
const getCountry = (country) => {
    switch (country) {
        case 'at':
            return React__default.createElement(At.AtIcon, { title: "Austria", height: "30", width: "30" });
        case 'de':
            return React__default.createElement(De.DeIcon, { title: "Germany", height: "30", width: "30" });
        case 'pt':
            return React__default.createElement(Pt.PtIcon, { title: "Portugal", height: "30", width: "30" });
        case 'uk':
            return React__default.createElement(Uk.UkIcon, { title: "United Kingdom", height: "30", width: "30" });
        case 'us':
            return React__default.createElement(Us.UsIcon, { title: "United States", height: "30", width: "30" });
    }
};
const CountrySwitch = ({ countries, currentCountry, onSelectCountry, showLabel }) => {
    let currentSelectedCountry;
    if (currentCountry) {
        currentSelectedCountry = countries.filter(c => c.name === currentCountry)[0];
    }
    else {
        currentSelectedCountry = countries[0];
    }
    return (React__default.createElement(index$1.default, { styledButton: false, button: getCountry(currentSelectedCountry.name) }, countries.map(country => {
        return (React__default.createElement(index.MenuItem, { key: country.name, onSelect: () => {
                onSelectCountry(country.name);
            } },
            getCountry(country.name),
            showLabel && React__default.createElement("span", null, country.title)));
    })));
};

exports.CountrySwitch = CountrySwitch;