update bad verbiage on offer page, fix offer test

src/views/OfferDetailsView.vue

@@ -18,7 +18,7 @@
     </div>
 
     <!-- Heading -->
-    <h1 class="text-4xl text-center font-light px-4 mb-4">What Was Offered</h1>
+    <h1 class="text-4xl text-center font-light px-4 mb-4">What Is Offered</h1>
 
     <h1 class="text-xl font-bold text-center mb-4">
       <span>
@@ -34,7 +34,7 @@
     </h1>
     <textarea
       class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
-      placeholder="What was offered"
+      placeholder="What is offered"
       v-model="itemDescription"
       data-testId="itemDescription"
     />
@@ -107,7 +107,7 @@
       <label class="text-sm mt-1">
         {{
           projectId
-            ? "This was given to " + projectName
+            ? "This is offered to " + projectName
             : "No project was chosen"
         }}
       </label>
@@ -129,7 +129,7 @@
       <label class="text-sm mt-1">
         {{
           recipientDid
-            ? "This was given to " + recipientName
+            ? "This is offered to " + recipientName
             : "No recipient was chosen."
         }}
       </label>
@@ -421,7 +421,7 @@ export default class OfferDetailsView extends Vue {
       {
         group: "alert",
         type: "toast",
-        text: "Recording the give...",
+        text: "Recording the offer...",
         title: "",
       },
       1000,
@@ -527,13 +527,13 @@ export default class OfferDetailsView extends Vue {
 
       if (result.type === "error" || this.isCreationError(result.response)) {
         const errorMessage = this.getCreationErrorMessage(result);
-        console.error("Error with give creation result:", result);
+        console.error("Error with offer creation result:", result);
         this.$notify(
           {
             group: "alert",
             type: "danger",
             title: "Error",
-            text: errorMessage || "There was an error creating the give.",
+            text: errorMessage || "There was an error creating the offer.",
           },
           -1,
         );
@@ -556,11 +556,11 @@ export default class OfferDetailsView extends Vue {
       }
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (error: any) {
-      console.error("Error with give recordation caught:", error);
+      console.error("Error with offer recordation caught:", error);
       const errorMessage =
         error.userMessage ||
         error.response?.data?.error?.message ||
-        "There was an error recording the give.";
+        "There was an error recording the offer.";
       this.$notify(
         {
           group: "alert",
@@ -578,7 +578,7 @@ export default class OfferDetailsView extends Vue {
       ? this.recipientDid
       : undefined;
     const projectId = this.offeredToProject ? this.projectId : undefined;
-    const giveClaim = hydrateOffer(
+    const offerClaim = hydrateOffer(
       this.prevCredToEdit?.claim as OfferVerifiableCredential,
       this.activeDid,
       recipientDid,
@@ -590,7 +590,7 @@ export default class OfferDetailsView extends Vue {
       this.validThroughDateInput,
       this.prevCredToEdit?.id as string,
     );
-    const claimStr = JSON.stringify(giveClaim);
+    const claimStr = JSON.stringify(offerClaim);
     return claimStr;
   }