Added boring-avatars

package.json

@@ -22,6 +22,7 @@
   "homepage": "https://github.com/Peer-at-Code/peer-at-code#readme",
   "dependencies": {
     "axios": "^1.3.4",
+    "boring-avatars": "^1.7.0",
     "clsx": "^1.2.1",
     "next": "13.2.1",
     "react": "18.2.0",

pnpm-lock.yaml

@@ -9,6 +9,7 @@ specifiers:
   '@typescript-eslint/parser': ^5.50.0
   autoprefixer: ^10.4.13
   axios: ^1.3.4
+  boring-avatars: ^1.7.0
   clsx: ^1.2.1
   eslint: 8.33.0
   eslint-config-next: 13.2.1
@@ -31,6 +32,7 @@ specifiers:
 
 dependencies:
   axios: 1.3.4
+  boring-avatars: 1.7.0
   clsx: 1.2.1
   next: 13.2.1_biqbaboplfbrettd7655fr4n2y
   react: 18.2.0
@@ -661,6 +663,10 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /boring-avatars/1.7.0:
+    resolution: {integrity: sha512-ZNHd8J7C/V0IjQMGQowLJ5rScEFU23WxePigH6rqKcT2Esf0qhYvYxw8s9i3srmlfCnCV00ddBjaoGey1eNOfA==}
+    dev: false
+
   /brace-expansion/1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
     dependencies:

ui/Avatar.tsx

@@ -0,0 +1,5 @@
+import BoringAvatar from 'boring-avatars';
+
+export default function Avatar({ name, size = 28 }: { name: string; size?: number }) {
+  return <BoringAvatar name={name} variant="beam" size={size} />;
+}