From d72b611d4662f8831ec3c763ced5d085b719e04f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Th=C3=A9o?= <43091603+glazk0@users.noreply.github.com>
Date: Sun, 26 Feb 2023 18:06:57 +0100
Subject: [PATCH] Added boring-avatars

---
 package.json   | 1 +
 pnpm-lock.yaml | 6 ++++++
 ui/Avatar.tsx  | 5 +++++
 3 files changed, 12 insertions(+)
 create mode 100644 ui/Avatar.tsx

diff --git a/package.json b/package.json
index 606246f..ff2a682 100644
--- a/package.json
+++ b/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",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7242110..da1c096 100644
--- a/pnpm-lock.yaml
+++ b/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:
diff --git a/ui/Avatar.tsx b/ui/Avatar.tsx
new file mode 100644
index 0000000..6589c0b
--- /dev/null
+++ b/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} />;
+}