From 920d3f4d25b14a95689c10d9fb95f607f6b2edac Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Wed, 29 Jan 2025 21:36:27 -0700
Subject: [PATCH] fix linting, add to the 10-project timeout

---
 src/components/HiddenDidDialog.vue            | 24 ++++++++-----
 src/views/ClaimView.vue                       | 18 ++++++++--
 src/views/ConfirmGiftView.vue                 |  4 +--
 src/views/ProjectViewView.vue                 | 34 +++++++++++++++----
 test-playwright/25-create-project-x10.spec.ts |  2 ++
 5 files changed, 61 insertions(+), 21 deletions(-)

diff --git a/src/components/HiddenDidDialog.vue b/src/components/HiddenDidDialog.vue
index 10bb0ea..fc9f884 100644
--- a/src/components/HiddenDidDialog.vue
+++ b/src/components/HiddenDidDialog.vue
@@ -19,9 +19,7 @@
           <span v-if="R.isEmpty(visibleToDids)">
             The {{ roleName }} is not visible to you or any of your contacts.
           </span>
-          <span v-else>
-            The {{ roleName }} is not visible to you.
-          </span>
+          <span v-else> The {{ roleName }} is not visible to you. </span>
         </p>
 
         <div v-if="R.isEmpty(visibleToDids)">
@@ -50,7 +48,11 @@
                   <span>
                     {{ didInfo(visDid) }}
                     <span v-if="!serverUtil.isEmptyOrHiddenDid(visDid)">
-                      <a :href="`/did/${visDid}`" target="_blank" class="text-blue-500">
+                      <a
+                        :href="`/did/${visDid}`"
+                        target="_blank"
+                        class="text-blue-500"
+                      >
                         <fa icon="arrow-up-right-from-square" class="fa-fw" />
                       </a>
                     </span>
@@ -74,8 +76,8 @@
             <a
               @click="copyToClipboard('A link to this page', windowLocation)"
               class="text-blue-500"
-              >click here to copy this page, paste it into a message, and ask
-              if they'll tell you more about the {{ roleName }}.</a
+              >click here to copy this page, paste it into a message, and ask if
+              they'll tell you more about the {{ roleName }}.</a
             >
           </span>
         </div>
@@ -124,7 +126,13 @@ export default class HiddenDidDialog extends Vue {
     this.canShare = !!navigator.share;
   }
 
-  open(roleName: string, visibleToDids: string[], allContacts: Array<Contact>, activeDid: string, allMyDids: Array<string>) {
+  open(
+    roleName: string,
+    visibleToDids: string[],
+    allContacts: Array<Contact>,
+    activeDid: string,
+    allMyDids: Array<string>,
+  ) {
     this.roleName = roleName;
     this.visibleToDids = visibleToDids;
     this.allContacts = allContacts;
@@ -171,4 +179,4 @@ export default class HiddenDidDialog extends Vue {
     });
   }
 }
-</script> 
\ No newline at end of file
+</script>
diff --git a/src/views/ClaimView.vue b/src/views/ClaimView.vue
index db888d9..e45d777 100644
--- a/src/views/ClaimView.vue
+++ b/src/views/ClaimView.vue
@@ -270,7 +270,11 @@
                   <div class="text-sm">
                     {{ didInfo(confirmerId) }}
                     <span v-if="!serverUtil.isEmptyOrHiddenDid(confirmerId)">
-                      <a :href="`/did/${confirmerId}`" target="_blank" class="text-blue-500">
+                      <a
+                        :href="`/did/${confirmerId}`"
+                        target="_blank"
+                        class="text-blue-500"
+                      >
                         <fa icon="arrow-up-right-from-square" class="fa-fw" />
                       </a>
                     </span>
@@ -304,7 +308,11 @@
                   <div class="text-sm">
                     {{ didInfo(confsVisibleTo) }}
                     <span v-if="!serverUtil.isEmptyOrHiddenDid(confsVisibleTo)">
-                      <a :href="`/did/${confsVisibleTo}`" target="_blank" class="text-blue-500">
+                      <a
+                        :href="`/did/${confsVisibleTo}`"
+                        target="_blank"
+                        class="text-blue-500"
+                      >
                         <fa icon="arrow-up-right-from-square" class="fa-fw" />
                       </a>
                     </span>
@@ -413,7 +421,11 @@
                   <span>
                     {{ didInfo(visDid) }}
                     <span v-if="!serverUtil.isEmptyOrHiddenDid(visDid)">
-                      <a :href="`/did/${visDid}`" target="_blank" class="text-blue-500">
+                      <a
+                        :href="`/did/${visDid}`"
+                        target="_blank"
+                        class="text-blue-500"
+                      >
                         <fa icon="arrow-up-right-from-square" class="fa-fw" />
                       </a>
                     </span>
diff --git a/src/views/ConfirmGiftView.vue b/src/views/ConfirmGiftView.vue
index eb449ac..d22423b 100644
--- a/src/views/ConfirmGiftView.vue
+++ b/src/views/ConfirmGiftView.vue
@@ -310,9 +310,7 @@
           <span v-else>
             If you'd like an introduction,
             <a
-              @click="
-                copyToClipboard('A link to this page', windowLocation)
-              "
+              @click="copyToClipboard('A link to this page', windowLocation)"
               class="text-blue-500"
               >share this page with them and ask if they'll tell you more about
               about the participants.</a
diff --git a/src/views/ProjectViewView.vue b/src/views/ProjectViewView.vue
index 08a6d36..3d8bb13 100644
--- a/src/views/ProjectViewView.vue
+++ b/src/views/ProjectViewView.vue
@@ -51,12 +51,20 @@
                 <fa icon="user" class="fa-fw text-slate-400"></fa>
                 {{ issuerInfoObject?.displayName }}
                 <span v-if="!serverUtil.isEmptyOrHiddenDid(issuer)">
-                  <a :href="`/did/${issuer}`" target="_blank" class="text-blue-500">
+                  <a
+                    :href="`/did/${issuer}`"
+                    target="_blank"
+                    class="text-blue-500"
+                  >
                     <fa icon="arrow-up-right-from-square" class="fa-fw" />
                   </a>
                 </span>
                 <span v-else-if="serverUtil.isHiddenDid(issuer)">
-                  <fa icon="info-circle" class="fa-fw text-blue-500 cursor-pointer" @click="openHiddenDidDialog()" />
+                  <fa
+                    icon="info-circle"
+                    class="fa-fw text-blue-500 cursor-pointer"
+                    @click="openHiddenDidDialog()"
+                  />
                 </span>
               </div>
               <div v-if="startTime">
@@ -70,12 +78,19 @@
                   target="_blank"
                   class="underline text-blue-500"
                   >Map View
-                  <fa icon="arrow-up-right-from-square" class="fa-fw text-blue-500" />
+                  <fa
+                    icon="arrow-up-right-from-square"
+                    class="fa-fw text-blue-500"
+                  />
                 </a>
               </div>
               <div v-if="url">
                 <fa icon="globe" class="fa-fw text-slate-400"></fa>
-                <a :href="addScheme(url)" target="_blank" class="underline text-blue-500">
+                <a
+                  :href="addScheme(url)"
+                  target="_blank"
+                  class="underline text-blue-500"
+                >
                   {{ domainForWebsite(this.url) }}
                   <fa icon="arrow-up-right-from-square" class="fa-fw" />
                 </a>
@@ -537,7 +552,11 @@ export default class ProjectViewView extends Vue {
   imageUrl = "";
   isRegistered = false;
   issuer = "";
-  issuerInfoObject: { known: boolean; displayName: string; profileImageUrl?: string } | null = null;
+  issuerInfoObject: {
+    known: boolean;
+    displayName: string;
+    profileImageUrl?: string;
+  } | null = null;
   issuerVisibleToDids: Array<string> = [];
   latitude = 0;
   longitude = 0;
@@ -623,7 +642,8 @@ export default class ProjectViewView extends Vue {
             startDateTime.toLocaleTimeString();
         }
         this.agentDid = resp.data.claim?.agent?.identifier;
-        this.agentDidVisibleToDids = resp.data.claim?.agent?.identifierVisibleToDids || [];
+        this.agentDidVisibleToDids =
+          resp.data.claim?.agent?.identifierVisibleToDids || [];
         this.imageUrl = resp.data.claim?.image;
         this.issuer = resp.data.issuer;
         this.issuerInfoObject = serverUtil.didInfoObject(
@@ -1171,7 +1191,7 @@ export default class ProjectViewView extends Vue {
       this.issuerVisibleToDids,
       this.allContacts,
       this.activeDid,
-      this.allMyDids
+      this.allMyDids,
     );
   }
 }
diff --git a/test-playwright/25-create-project-x10.spec.ts b/test-playwright/25-create-project-x10.spec.ts
index c846a1b..0d8094b 100644
--- a/test-playwright/25-create-project-x10.spec.ts
+++ b/test-playwright/25-create-project-x10.spec.ts
@@ -2,6 +2,8 @@ import { test, expect } from '@playwright/test';
 import { importUser, createUniqueStringsArray } from './testUtils';
 
 test('Create 10 new projects', async ({ page }) => {
+  test.setTimeout(40000); // Set timeout longer since it often fails at 30 seconds
+
   const projectCount = 10;
 
   // Standard texts