create avatar component

2022-04-13 18:07:06 +01:00
parent f118a0c854
commit 81b7d49624
1 changed files with 8 additions and 0 deletions
@@ -0,0 +1,8 @@
+import React from 'react';
+import { Avatar } from '@mui/material';
+import stc from 'string-to-color';
+import { TAccount } from 'src/types';
+
+export const AccountAvatar = ({ name, address }: TAccount) => (
+  <Avatar sx={{ bgcolor: stc(address), width: 35, height: 35, fontSize: 20 }}>{name.split('')[0]}</Avatar>
+);