Giver-recipient controls

- Dialog now shows separate cards for giver and recipient
- Ability to change giver and/or recipient
- Project giver/recipient is locked in ProjectView (context reinforcement)

src/views/ProjectViewView.vue

@@ -196,7 +196,11 @@
       </div>
     </div>
 
-    <GiftedDialog ref="giveDialogToThis" :to-project-id="projectId" :is-from-project-view="true" />
+    <GiftedDialog
+      ref="giveDialogToThis"
+      :to-project-id="projectId"
+      :is-from-project-view="true"
+    />
 
     <!-- Offers & Gifts to & from this -->
     <div class="grid items-start grid-cols-1 sm:grid-cols-3 gap-4 mt-4">
@@ -462,7 +466,12 @@
             </button>
           </div>
         </div>
-        <GiftedDialog ref="giveDialogFromThis" :from-project-id="projectId" :show-projects="true" />
+        <GiftedDialog
+          ref="giveDialogFromThis"
+          :from-project-id="projectId"
+          :show-projects="true"
+          :is-from-project-view="true"
+        />
 
         <h3 class="text-lg font-bold mb-3 mt-4">
           Benefitted From This Project
@@ -1173,7 +1182,9 @@ export default class ProjectViewView extends Vue {
     );
   }
 
-  openGiftDialogToProject(contact?: libsUtil.GiverReceiverInputInfo | "Unnamed") {
+  openGiftDialogToProject(
+    contact?: libsUtil.GiverReceiverInputInfo | "Unnamed",
+  ) {
     if (contact === "Unnamed") {
       // Special case: Pass undefined to trigger Step 1, but with "Unnamed" pre-selected
       (this.$refs.giveDialogToThis as GiftedDialog).open(
@@ -1185,10 +1196,18 @@ export default class ProjectViewView extends Vue {
       // Immediately select "Unnamed" and move to Step 2
       (this.$refs.giveDialogToThis as GiftedDialog).selectGiver();
     } else {
-      // Set only the project as recipient, allowing user to select giver in Step 1
+      // Open straight to Step 2 with current user as giver and current project as recipient
       (this.$refs.giveDialogToThis as GiftedDialog).open(
-        undefined,
-        { did: this.issuer, name: this.name, handleId: this.projectId, image: this.imageUrl },
+        {
+          did: this.activeDid,
+          name: "You",
+        },
+        {
+          did: this.issuer,
+          name: this.name,
+          handleId: this.projectId,
+          image: this.imageUrl,
+        },
         undefined,
         `Given to ${this.name}`,
       );
@@ -1198,13 +1217,18 @@ export default class ProjectViewView extends Vue {
   openGiftDialogFromProject() {
     // Set the project as giver and the current user as recipient
     (this.$refs.giveDialogFromThis as GiftedDialog).open(
-      { did: undefined, name: this.name, handleId: this.projectId, image: this.imageUrl },
+      {
+        did: undefined,
+        name: this.name,
+        handleId: this.projectId,
+        image: this.imageUrl,
+      },
       { did: this.activeDid, name: "You" },
       undefined,
       `${this.name} gave to you`,
       undefined,
       undefined,
-      true
+      true,
     );
   }
 
@@ -1479,4 +1503,3 @@ export default class ProjectViewView extends Vue {
   }
 }
 </script>
-