xinny/src/util/colorMXID.js
ginnyTheCat 8d3f0a9f4d
Create icons for users without an avatar in desktop notifications (#305)
* Add notifications icon for users without an avatar

* Render icon at higher resolution

* Use scale to render at higher resolution
2022-02-15 17:18:25 +05:30

28 lines
637 B
JavaScript

// https://github.com/cloudrac3r/cadencegq/blob/master/pug/mxid.pug
export function hashCode(str) {
let hash = 0;
let i;
let chr;
if (str.length === 0) {
return hash;
}
for (i = 0; i < str.length; i += 1) {
chr = str.charCodeAt(i);
// eslint-disable-next-line no-bitwise
hash = ((hash << 5) - hash) + chr;
// eslint-disable-next-line no-bitwise
hash |= 0;
}
return Math.abs(hash);
}
export function cssColorMXID(userId) {
const colorNumber = hashCode(userId) % 8;
return `--mx-uc-${colorNumber + 1}`;
}
export default function colorMXID(userId) {
return `var(${cssColorMXID(userId)})`;
}