trent_larson/crowd-funder-for-time-pwa
4
1
Fork 2
Code Issues Pull Requests 21 Releases 5 Wiki Activity

change remainder of "confirm" calls to better UX

Browse Source
This commit is contained in:
Trent Larson
2024-04-24 20:11:38 -06:00
parent eeaacaf202
commit f4f5fc7730
5 changed files with 169 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/views/ContactsView.vue
View File

@@ -139,7 +139,7 @@
<button
v-if="contact.seesMe"
class="text-sm uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mx-0.5 my-0.5 px-2 py-1.5 rounded-md"
@click="promptSetVisibility(contact, false)"
@click="confirmSetVisibility(contact, false)"
title="They can see you"
>
<fa icon="eye" class="fa-fw" />
@@ -147,7 +147,7 @@
<button
v-else
class="text-sm uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mx-0.5 my-0.5 px-2 py-1.5 rounded-md"
@click="promptSetVisibility(contact, true)"
@click="confirmSetVisibility(contact, true)"
title="They cannot see you"
>
<fa icon="eye-slash" class="fa-fw" />
@@ -161,7 +161,7 @@
<fa icon="rotate" class="fa-fw" />
</button>
<button
@click="promptRegister(contact)"
@click="confirmRegister(contact)"
class="text-sm uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white ml-6 px-2 py-1.5 rounded-md"
v-if="activeDid"
title="Registration"
@@ -176,7 +176,7 @@
</div>
<button
@click="promptDeleteContact(contact)"
@click="confirmDeleteContact(contact)"
class="text-sm uppercase bg-gradient-to-b from-rose-500 to-rose-800 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white ml-6 px-2 py-1.5 rounded-md"
title="Delete"
>
@@ -189,7 +189,7 @@
>
<button
class="text-sm 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-2 py-1.5 rounded-l-md"
@click="promptShowGiftedDialog(activeDid, contact.did)"
@click="confirmShowGiftedDialog(activeDid, contact.did)"
:title="givenByMeDescriptions[contact.did] || ''"
>
To:
@@ -210,7 +210,7 @@
<button
class="text-sm bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white -ml-1.5 px-2 py-1.5 rounded-r-md border-l"
@click="promptShowGiftedDialog(contact.did, this.activeDid)"
@click="confirmShowGiftedDialog(contact.did, this.activeDid)"
:title="givenToMeDescriptions[contact.did] || ''"
>
From:
@@ -782,7 +782,7 @@ export default class ContactsView extends Vue {
}
// prompt with confirmation if they want to delete a contact
promptDeleteContact(contact: Contact) {
confirmDeleteContact(contact: Contact) {
this.$notify(
{
group: "modal",
@@ -808,8 +808,8 @@ export default class ContactsView extends Vue {
this.contacts = R.without([contact], this.contacts);
}
// prompt to register a new contact
async promptRegister(contact: Contact) {
// confirm to register a new contact
async confirmRegister(contact: Contact) {
this.$notify(
{
group: "modal",
@@ -937,7 +937,7 @@ export default class ContactsView extends Vue {
}
}
async promptSetVisibility(contact: Contact, visibility: boolean) {
async confirmSetVisibility(contact: Contact, visibility: boolean) {
const visibilityPrompt = visibility
? "Are you sure you want to make your activity visible to them?"
: "Are you sure you want to hide all your activity from them?";
@@ -1089,7 +1089,7 @@ export default class ContactsView extends Vue {
);
}
promptShowGiftedDialog(giverDid: string, recipientDid: string) {
confirmShowGiftedDialog(giverDid: string, recipientDid: string) {
// if they have unconfirmed amounts, ask to confirm those
if (
recipientDid === this.activeDid &&