Mapping enum values to something else

[Offirmo]

I have an Enum and I'm trying to map the values to something else:

const UrlCategory = Enum(
	'pro', // .com, .co.xyz, .biz
	'geek', // .net, .io
	'perso', // .me, .name
	'other',
	'special', // not internet, ex. chrome settings, ftp...
)
type UrlCategory = Enum<typeof UrlCategory>

const UrlCategoryColorMapping = {
	UrlCategory.pro: 'blue',
	UrlCategory.geek: 'yellow',
	UrlCategory.perso: 'pink',
	UrlCategory.other: 'green',
	UrlCategory.special: 'black',
}

This is refused by the compiler on the ground of syntax error + error TS1117: An object literal cannot have multiple properties with the same name in strict mode.

Do you have any suggestion ?

[dphilipson]

Hi Offirmo,

You can get around this using computed property syntax, e.g.

const UrlCategoryColorMapping = {
	[UrlCategory.pro]: 'blue',
	[UrlCategory.geek]: 'yellow',
	[UrlCategory.perso]: 'pink',
	[UrlCategory.other]: 'green',
	[UrlCategory.special]: 'black',
}

Does that solve your problem?

[Offirmo]

Thanks for your help ! You are like a master to me 🙇

Meanwhile I experimented with that:

const UrlCategoryColorMapping = new Map<UrlCategory, string>([
	[ UrlCategory.pro, 'blue' ],
	[ UrlCategory.geek, 'yellow' ],
	[ UrlCategory.perso, 'pink' ],
	[ UrlCategory.other, 'green' ],
	[ UrlCategory.special, 'black' ],
])

[Offirmo]

Your solution works. Thanks.

[Offirmo]

Just looked at your other repos, and it's a treasure trove of goodness. Thanks for sharing !!

🥇

[dphilipson]

Thank you! Really means a lot to hear it.