diff --git a/src/views/AccountViewView.vue b/src/views/AccountViewView.vue
index 28acc3e88..bc847e9f5 100644
--- a/src/views/AccountViewView.vue
+++ b/src/views/AccountViewView.vue
@@ -55,14 +55,17 @@
- $refs.userNameDialog.open((name) => (this.givenName = name))
+ "
+ class="inline-block text-md uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-4 py-2 rounded-md"
>
Set Your Name
-
+
+
@@ -720,6 +723,7 @@ import EntityIcon from "@/components/EntityIcon.vue";
import ImageMethodDialog from "@/components/ImageMethodDialog.vue";
import QuickNav from "@/components/QuickNav.vue";
import TopMessage from "@/components/TopMessage.vue";
+import UserNameDialog from "@/components/UserNameDialog.vue";
import {
AppString,
DEFAULT_IMAGE_API_SERVER,
@@ -750,7 +754,13 @@ import { getAccount } from "@/libs/util";
const inputImportFileNameRef = ref();
@Component({
- components: { EntityIcon, ImageMethodDialog, QuickNav, TopMessage },
+ components: {
+ EntityIcon,
+ ImageMethodDialog,
+ QuickNav,
+ TopMessage,
+ UserNameDialog,
+ },
})
export default class AccountViewView extends Vue {
$notify!: (notification: NotificationIface, timeout?: number) => void;
diff --git a/src/views/ContactQRScanShowView.vue b/src/views/ContactQRScanShowView.vue
index 11abd0cf7..189dc2374 100644
--- a/src/views/ContactQRScanShowView.vue
+++ b/src/views/ContactQRScanShowView.vue
@@ -25,13 +25,16 @@
Beware!
You aren't sharing your name, so quickly
- $refs.userNameDialog.open((name) => (this.givenName = name))
+ "
class="bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-1 rounded-md"
>
click here to set it for them.
-
+
+
- Click this or QR code to copy your contact URL to your clipboard.
+ Click the QR code to copy your contact info to your clipboard.
@@ -96,6 +99,7 @@ import { QrcodeStream } from "vue-qrcode-reader";
import { useClipboard } from "@vueuse/core";
import QuickNav from "@/components/QuickNav.vue";
+import UserNameDialog from "@/components/UserNameDialog.vue";
import { NotificationIface } from "@/constants/app";
import { accountsDB, db } from "@/db/index";
import { Contact } from "@/db/tables/contacts";
@@ -121,6 +125,7 @@ import { ETHR_DID_PREFIX } from "@/libs/crypto/vc";
QrcodeStream,
QRCodeVue3,
QuickNav,
+ UserNameDialog,
},
})
export default class ContactQRScanShow extends Vue {
diff --git a/src/views/ShareMyContactInfoView.vue b/src/views/ShareMyContactInfoView.vue
index 552d2ca65..defbc1254 100644
--- a/src/views/ShareMyContactInfoView.vue
+++ b/src/views/ShareMyContactInfoView.vue
@@ -84,7 +84,7 @@ export default class ShareMyContactInfoView extends Vue {
group: "alert",
type: "info",
title: "Copied",
- text: "Those contacts were copied to the clipboard. Have them paste it in the box on their 'Contacts' screen.",
+ text: "Your contact info was copied to the clipboard. Have them paste it in the box on their 'Contacts' screen.",
},
5000,
);