add random avatars

w0rng · Jul 25, 2024 · ae239ef · ae239ef
1 parent 87e6ce3
commit ae239ef
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -14,7 +14,7 @@ You have found the easiest way to install & manage WireGuard on any Linux host!
 * Download a client's configuration file.
 * Statistics for which clients are connected.
 * Tx/Rx charts for each connected client.
-* Gravatar support.
+* Gravatar support or random avatars.
 * Automatic Light / Dark Mode
 * Multilanguage Support
 * UI_TRAFFIC_STATS (default off)

diff --git a/src/www/js/app.js b/src/www/js/app.js
@@ -175,6 +175,8 @@ new Vue({
       this.clients = clients.map((client) => {
         if (client.name.includes('@') && client.name.includes('.')) {
           client.avatar = `https://gravatar.com/avatar/${sha256(client.name.toLowerCase().trim())}.jpg`;
+        } else {
+          client.avatar = `https://api.dicebear.com/9.x/bottts/svg?seed=${sha256(client.name.toLowerCase().trim())}`
         }
 
         if (!this.clientsPersist[client.id]) {