Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-05-24 02:02:36 -04:00
Code Issues Packages Projects Releases Wiki Activity

Generate avatar color based on placeholder

Browse Source
This commit is contained in:
Zoe Roux 2023-03-14 23:56:53 +09:00
parent 2652e558d2
commit eb92eed532
1 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
front/packages/primitives/src/avatar.tsx
View File

@ -27,6 +27,22 @@ import { YoshikiStyle } from "yoshiki/dist/type";
import { P } from "@expo/html-elements";
import { forwardRef } from "react";
const stringToColor = (string: string) => {
let hash = 0;
let i;
for (i = 0; i < string.length; i += 1) {
hash = string.charCodeAt(i) + ((hash << 5) - hash);
}
let color = "#";
for (i = 0; i < 3; i += 1) {
const value = (hash >> (i * 8)) & 0xff;
color += `00${value.toString(16)}`.slice(-2);
}
return color;
}
export const Avatar = forwardRef<
View,
{
@ -58,7 +74,7 @@ export const Avatar = forwardRef<
placeholder &&
!src &&
!isLoading && {
bg: theme.accent,
bg: stringToColor(placeholder),
justifyContent: "center",
alignItems: "center",
},