31 lines
844 B
TypeScript
31 lines
844 B
TypeScript
|
import colors from "./colors";
|
||
|
|
|
||
|
|
export const getClientColors = (clientId: string) => {
|
||
|
|
// Naive way of getting an integer out of the clientId
|
||
|
|
const sum = clientId.split("").reduce((a, str) => a + str.charCodeAt(0), 0);
|
||
|
|
|
||
|
|
// Skip transparent background.
|
||
|
|
const backgrounds = colors.elementBackground.slice(1);
|
||
|
|
const strokes = colors.elementStroke.slice(1);
|
||
|
|
return {
|
||
|
|
background: backgrounds[sum % backgrounds.length],
|
||
|
|
stroke: strokes[sum % strokes.length],
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
export const getClientInitials = (username?: string | null) => {
|
||
|
|
if (!username) {
|
||
|
|
return "?";
|
||
|
|
}
|
||
|
|
const names = username.trim().split(" ");
|
||
|
|
|
||
|
|
if (names.length < 2) {
|
||
|
|
return names[0].substring(0, 2).toUpperCase();
|
||
|
|
}
|
||
|
|
|
||
|
|
const firstName = names[0];
|
||
|
|
const lastName = names[names.length - 1];
|
||
|
|
|
||
|
|
return (firstName[0] + lastName[0]).toUpperCase();
|
||
|
|
};
|