From c7c7d2c1206f473acf5ed5ec3e2839f1195dd8a7 Mon Sep 17 00:00:00 2001
From: adb <info@adb.sh>
Date: Thu, 18 Mar 2021 20:49:18 +0100
Subject: [PATCH] update jdenticon

---
 src/components/userThumbnail.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/userThumbnail.vue b/src/components/userThumbnail.vue
index b0dc9c8..4dc8870 100644
--- a/src/components/userThumbnail.vue
+++ b/src/components/userThumbnail.vue
@@ -1,17 +1,16 @@
 <template>
   <img v-if="mxcURL" :src="thumbnailUrl()" class="userThumbnail image"/>
-  <Identicon v-else :value="fallback" :theme="'jdenticon'" :size="this.getFontSize()*this.size" class="userThumbnail identicon"/>
+  <div v-else v-html="getJdenticon()" class="userThumbnail identicon"/>
 </template>
 
 <script>
 import parseMXC from '@modular-matrix/parse-mxc';
 import {matrix} from "@/main";
-import Identicon from '@vue-polkadot/vue-identicon';
+import {toSvg} from 'jdenticon';
 
 export default {
   name: "userThumbnail.vue",
   components: {
-    Identicon
   },
   props: {
     mxcURL: String,
@@ -28,6 +27,9 @@ export default {
     },
     getFontSize(){
       return window.getComputedStyle(document.body,null).fontSize.split("px", 1)||16;
+    },
+    getJdenticon(){
+      return toSvg(this.fallback, this.getFontSize()*this.size);
     }
   },
   data(){
@@ -44,4 +46,8 @@ export default {
   border-radius: 50%;
   background-color: unset;
 }
+.identicon {
+  clip-path: circle(49% at 50% 50%);
+  background-color: #111;
+}
 </style>
\ No newline at end of file