@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
48 lines (46 loc) • 1.77 kB
JavaScript
export var getAvatarLetters = function getAvatarLetters(text) {
var limit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
var words = text.split(' ');
var letters = words.map(function (word) {
return word.charAt(0).toUpperCase();
});
var sectionLetters = letters.slice(0, limit) || [];
return sectionLetters.join('') || '';
};
export var getAvatarColor = function getAvatarColor(index) {
var colors = ['#55efc4', '#81ecec', '#74b9ff', '#a29bfe', '#00b894', '#00cec9', '#0984e3', '#6c5ce7', '#ffeaa7', '#fab1a0', '#ff7675', '#fd79a8', '#fdcb6e', '#e17055', '#d63031'];
if (index >= colors.length) {
return colors[index % colors.length];
}
return colors[index];
};
export var getAvatarImage = function getAvatarImage(index) {
var images = ['https://res.cloudinary.com/diusjfaoe/image/upload/v1683034985/library%20cms/avatar-3_znkibx.png', 'https://res.cloudinary.com/diusjfaoe/image/upload/v1683034985/library%20cms/avatar-2_uklyh2.png', 'https://res.cloudinary.com/diusjfaoe/image/upload/v1683034985/library%20cms/avatar-1_kwaq6m.png'];
if (index >= images.length) {
return images[index % images.length];
}
return images[index];
};
function stringToColor(string) {
var hash = 0;
var i;
/* eslint-disable no-bitwise */
for (i = 0; i < string.length; i += 1) {
hash = string.charCodeAt(i) + ((hash << 5) - hash);
}
var color = '#';
for (i = 0; i < 3; i += 1) {
var value = hash >> i * 8 & 0xff;
color += "00".concat(value.toString(16)).slice(-2);
}
/* eslint-enable no-bitwise */
return color;
}
export function stringAvatar(name) {
return {
sx: {
bgcolor: stringToColor(name)
},
children: "".concat(name.split(' ')[0][0]).concat(name.split(' ')[1][0])
};
}