feat: arbitrary profile picture

2022-03-04 05:56:52 +05:30
parent b7988b54c5
commit a8e7fd3434
38 changed files with 132 additions and 88 deletions
--- a/packages/hoppscotch-app/components/app/Header.vue
+++ b/packages/hoppscotch-app/components/app/Header.vue
@@ -79,12 +79,15 @@
                    network.isOnline ? 'bg-green-500' : 'bg-red-500'
                  "
                />
-                <ButtonSecondary
+                <ProfilePicture
                  v-else
                  v-tippy="{ theme: 'tooltip' }"
-                  :title="t('header.account')"
-                  class="rounded hover:bg-primaryDark focus-visible:bg-primaryDark"
-                  svg="user"
+                  :title="currentUser.displayName"
+                  :initial="currentUser.displayName"
+                  indicator
+                  :indicator-styles="
+                    network.isOnline ? 'bg-green-500' : 'bg-red-500'
+                  "
                />
              </template>
              <div class="flex flex-col px-2 text-tiny" role="menu">