All files / components UserSidebar.vue

0% Statements 0/1
100% Branches 0/0
0% Functions 0/1
0% Lines 0/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74                                                                                                                                                   
<template>
  <q-list class="q-pr-xl q-mt-lg">
    <q-item to="/account">
      <q-item-section avatar>
        <q-avatar>
          <q-img basic :src="user.photoURL"/>
        </q-avatar>
      </q-item-section>
      <q-item-section>
        <q-item-label>{{user.name}}</q-item-label>
        <q-item-label caption>{{user.email}}</q-item-label>
      </q-item-section>
      <q-item-section side>
        <q-btn round dense flat to="/account/edit">
          <q-icon name="fas fa-edit" size="18px" class="q-pa-sm"/>
        </q-btn>
      </q-item-section>
    </q-item>
    <q-item>
      <q-item-section>
        <q-item-label caption>{{user.bio || "No bio yet"}}</q-item-label>
      </q-item-section>
    </q-item>
    <q-item>
      <q-separator class="q-my-md"/>
    </q-item>
    <!-- <q-item clickable to="/account">
      <q-item-section avatar>
        <q-avatar color="grey-2">D</q-avatar>
      </q-item-section>
      <q-item-section>
        <q-item-label>Dashboard</q-item-label>
      </q-item-section>
    </q-item>-->
    <q-item clickable to="/account/projects">
      <q-item-section avatar>
        <q-avatar color="grey-2">P</q-avatar>
      </q-item-section>
      <q-item-section>
        <q-item-label>Projects</q-item-label>
      </q-item-section>
    </q-item>
    <q-item clickable to="/account/collections">
      <q-item-section avatar>
        <q-avatar color="grey-2">C</q-avatar>
      </q-item-section>
      <q-item-section>
        <q-item-label>Collections</q-item-label>
      </q-item-section>
    </q-item>
    <q-item clickable to="/account/bookmarks">
      <q-item-section avatar>
        <q-avatar color="grey-2">B</q-avatar>
      </q-item-section>
      <q-item-section>
        <q-item-label>Bookmarks</q-item-label>
      </q-item-section>
    </q-item>
  </q-list>
</template>
 
<script>
export default {
  // name: 'ComponentName',
  props: ["user"],
  data() {
    return {};
  }
};
</script>
 
<style>
</style>