Various minor fixes

src/components/MainMenu/ProfilePopup.vue

@@ -34,8 +34,8 @@
         </div>
         <hr class="popup-spacing">
         <div class="popup-body">
-          <div class="popup-body-item" @click="$store.dispatch('signIn')">
-            <p>Add an existing account</p>
+          <div class="popup-body-item" @click="$store.dispatch('signIn').catch(() => {})">
+            <p>Add an account</p>
           </div>
           <hr class="popup-spacing">
           <div

src/components/SearchBox/SearchBox.vue

@@ -11,7 +11,7 @@
         <form @submit="searchProfile">
           <input
             type="text"
-            placeholder="Search Hamstr"
+            placeholder="Search profiles"
             v-model="query"
             @focus="toggleFocus"
             @blur="toggleFocus"

src/components/SignIn/SignInDialog.vue

@@ -18,7 +18,6 @@
       </div>
 
       <SignUpForm v-if="fragment === 'sign-up'" @complete="onComplete" />
-
       <SignInForm v-if="fragment === 'sign-in'" @complete="onComplete"/>
 
       <div v-if="fragment === 'complete'" class="complete">
@@ -86,21 +85,21 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 @import "assets/theme/colors.scss";
 
 .sign-in-dialog {
   position: relative;
   background-color: $color-bg;
-  padding: 2rem;
+  padding: 1rem;
   min-width: 440px;
   text-align: center;
   .icon {
     position: absolute;
     width: 16px;
     height: 16px;
-    top: 1rem;
-    left: 1rem;
+    top: .5rem;
+    left: .5rem;
     fill: #fff;
   }
   .logo {

src/utils/mixin.js

@@ -113,11 +113,11 @@ export default {
           mentions.mentionEvents.push(eventId)
           // if repost remove text
           if (match.length === text.length) return ''
-          return `[&${shorten(eventId)}](/event/${eventId})`
+          return `[&${shorten(this.hexToBech32(eventId, 'note'))}](/thread/${eventId})`
         } else if (tags[Number(index)][0] === 'p') {
           const profile = tags[Number(index)][1]
           const displayName = this.$store.getters.displayName(profile)
-          return `[@${displayName}](/${profile})`
+          return `[@${displayName}](/profile/${profile})`
         }
       }
       const hashtagReplacer = (match, startWhitespace, hashtag) => {
@@ -125,7 +125,7 @@ export default {
       }
       const untaggedProfileReplacer = (match, profile) => {
         const displayName = this.$store.getters.displayName(profile)
-        return `[@${displayName}](/${profile})`
+        return `[@${displayName}](/profile/${profile})`
       }
 
       let replacedText = text.replace(/#\[(\d+)\]/g, replacer)