Merge branch 'master' into new-web-push

src/components/EntityIcon.vue

@@ -5,13 +5,26 @@
 import { Vue, Component, Prop } from "vue-facing-decorator";
 import { toSvg } from "jdenticon";
 
+const BLANK_CONFIG = {
+  lightness: {
+    color: [1.0, 1.0],
+    grayscale: [1.0, 1.0],
+  },
+  saturation: {
+    color: 0.0,
+    grayscale: 0.0,
+  },
+  backColor: "#0000",
+};
+
 @Component
 export default class EntityIcon extends Vue {
   @Prop entityId = "";
   @Prop iconSize = 0;
 
   generateIdenticon() {
-    const svgString = toSvg(this.entityId, this.iconSize);
+    const config = this.entityId ? undefined : BLANK_CONFIG;
+    const svgString = toSvg(this.entityId, this.iconSize, config);
     return svgString;
   }
 }

src/router/index.ts

@@ -189,7 +189,7 @@ const routes: Array<RouteRecordRaw> = [
     name: "contact-gives",
     component: () =>
       import(
-        /* webpackChunkName: "statistics" */ "../views/ContactGiftingView.vue"
+        /* webpackChunkName: "contact-gives" */ "../views/ContactGiftingView.vue"
       ),
   },
 ];

src/views/ContactGiftingView.vue

@@ -26,9 +26,9 @@
         <h2 class="text-base flex gap-4 items-center">
           <span class="grow italic text-slate-500"
             ><EntityIcon
-              entityId="Anonymous"
+              :entityId="null"
               :iconSize="32"
-              class="opacity-50 inline-block align-middle border border-dashed border-slate-400 bg-slate-200 rounded-md mr-1"
+              class="inline-block align-middle border border-slate-300 rounded-md mr-1"
             ></EntityIcon>
             Anonymous
           </span>
@@ -108,7 +108,7 @@ interface Notification {
 @Component({
   components: { GiftedDialog, QuickNav, EntityIcon },
 })
-export default class HomeView extends Vue {
+export default class ContactGiftingView extends Vue {
   $notify!: (notification: Notification, timeout?: number) => void;
 
   activeDid = "";

src/views/DiscoverView.vue

@@ -56,7 +56,7 @@
               searchAll();
             "
           >
-            Remote
+            Anywhere
             <span
               class="font-semibold text-sm bg-slate-200 px-1.5 py-0.5 rounded-md"
               >{{ remoteCount }}</span

src/views/HomeView.vue

@@ -116,7 +116,7 @@
       <ul class="grid grid-cols-4 gap-x-3 gap-y-5 text-center mb-5">
         <li @click="openDialog()">
           <EntityIcon
-            :entityId="Anonymous"
+            :entityId="null"
             :iconSize="64"
             class="mx-auto border border-slate-300 rounded-md mb-1"
           ></EntityIcon>

src/views/ProjectViewView.vue

@@ -95,7 +95,7 @@
       <ul class="grid grid-cols-4 gap-x-3 gap-y-5 text-center mb-5">
         <li @click="openDialog()">
           <EntityIcon
-            :entityId="Anonymous"
+            :entityId="null"
             :iconSize="64"
             class="mx-auto border border-slate-300 rounded-md mb-1"
           ></EntityIcon>