title attributes added to various HTML elements

iggy-social · Oct 6, 2024 · 85a20e7 · 85a20e7
1 parent 730dd2c
commit 85a20e7
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 10 deletions.
diff --git a/components/EmojiPicker.vue b/components/EmojiPicker.vue
@@ -1,5 +1,5 @@
 <template>
-  <button data-bs-toggle="modal" data-bs-target="#emojiModal" class="btn btn-outline-primary me-2 mt-2 btn-sm">
+  <button title="Add emoji to your post" data-bs-toggle="modal" data-bs-target="#emojiModal" class="btn btn-outline-primary me-2 mt-2 btn-sm">
     <i class="bi bi-emoji-smile-fill"></i>
   </button>
 

diff --git a/components/chat/ChatFeed.vue b/components/chat/ChatFeed.vue
@@ -46,6 +46,7 @@
               class="btn btn-outline-primary me-2 mt-2 btn-sm"
               data-bs-toggle="modal"
               :data-bs-target="'#fileUploadModal' + $.uid"
+              title="Upload image to your post"
             >
               <i class="bi bi-file-earmark-image-fill"></i>
               IMG

diff --git a/components/chat/ChatMessage.vue b/components/chat/ChatMessage.vue
@@ -3,7 +3,7 @@
     <div class="card-body row">
 
       <!-- Author profile image -->
-      <div class="col-2 col-md-1 pfp-sizing">
+      <div class="col-2 col-md-1 pfp-sizing" title="Profile image and link to the profile">
         <NuxtLink :to="'/profile/?id=' + String(showDomainOrFullAddress)">
           <ProfileImage
             class="img-fluid rounded-circle pfp-img force-circle"
@@ -16,22 +16,22 @@
 
         <!-- post author and timestamp -->
         <p class="card-subtitle mb-2 text-muted">
-          <NuxtLink class="link-without-color hover-color" :to="'/profile/?id=' + String(showDomainOrFullAddress)">
+          <NuxtLink class="link-without-color hover-color" :to="'/profile/?id=' + String(showDomainOrFullAddress)" title="Go to profile page">
             {{ showDomainOrAddress }}
           </NuxtLink>
           <span v-if="message?.createdAt && !isComment">
             ·
-            <NuxtLink class="link-without-color hover-color" :to="postUrl">
+            <NuxtLink class="link-without-color hover-color" :to="postUrl" title="Time since post was created and link to the post page">
               {{ timeSince }}
             </NuxtLink>
           </span>
-          <span v-if="message?.createdAt && isComment">
+          <span v-if="message?.createdAt && isComment" title="Time since post was created">
             ·
             {{ timeSince }}
           </span>
           <span v-if="message?.url">
             ·
-            <a class="link-without-color hover-color" :href="getArweaveUrl" target="_blank">
+            <a class="link-without-color hover-color" :href="getArweaveUrl" target="_blank" title="Link to post stored on Arweave">
               <span style="font-size: 0.9em;">ⓐ</span>
             </a>
           </span>
@@ -70,7 +70,7 @@
         <p class="card-subtitle mt-3 text-muted">
 
           <!-- Replies count -->
-          <NuxtLink v-if="isMainChatMessage" class="link-without-color hover-color" :to="postUrl">
+          <NuxtLink v-if="isMainChatMessage" class="link-without-color hover-color" :to="postUrl" title="See replies to this post">
             <i class="bi bi-chat"></i>
             {{ message.repliesCount }} replies
           </NuxtLink>
@@ -82,6 +82,7 @@
             :class="{ 'ms-3': isMainChatMessage }"
             data-bs-toggle="modal"
             :data-bs-target="'#deleteModal' + storageId"
+            title="Delete the post"
           >
             <i class="bi bi-trash"></i> Delete
           </span>

diff --git a/components/navbars/NavbarDesktop.vue b/components/navbars/NavbarDesktop.vue
@@ -45,7 +45,7 @@
           </div>
         </li>
 
-        <li class="nav-item cursor-pointer">
+        <li class="nav-item cursor-pointer" title="Toggle between light and dark mode">
           <span class="nav-link" v-if="siteStore.getColorMode === 'dark'" @click="changeColorMode('light')">
             <i class="bi bi-brightness-high"></i>
           </span>

diff --git a/components/referrals/ShareReferralLink.vue b/components/referrals/ShareReferralLink.vue
@@ -7,7 +7,7 @@
     readonly 
   />
 
-  <button class="btn btn-outline-secondary" type="button" id="button-addon2">
+  <button class="btn btn-outline-secondary" type="button" id="button-addon2" title="Copy to clipboard">
     <i v-if="!copied" class="bi bi-clipboard"></i>
     <i v-if="copied" class="bi bi-clipboard-check"></i>
   </button>

diff --git a/components/tenor/TenorGifSearch.vue b/components/tenor/TenorGifSearch.vue
@@ -1,5 +1,5 @@
 <template>
-<button data-bs-toggle="modal" data-bs-target="#gifModal" class="btn btn-outline-primary me-2 mt-2 btn-sm">
+<button data-bs-toggle="modal" data-bs-target="#gifModal" class="btn btn-outline-primary me-2 mt-2 btn-sm" title="Add GIF to your post">
   <i class="bi bi-file-earmark-image-fill"></i> 
   GIF
 </button>

diff --git a/layouts/default.vue b/layouts/default.vue
@@ -302,12 +302,14 @@ export default {
 
     const { $config, $getFallbackProvider } = useNuxtApp()
 
+    /*
     watchAddressChanged(async wallet => {
       setWallet(wallet.provider)
       await fetchBalance()
 
       fetchUserDomain()
     })
+    */
 
     watchWalletChanged(async wallet => {
       setWallet(wallet.provider)