feat: svg icons

components/teams/Edit.vue

@@ -22,7 +22,7 @@
           </label>
           <div class="flex">
             <ButtonSecondary
-              icon="add"
+              svg="plus"
               :label="$t('add.new')"
               @click.native="addTeamMember"
             />
@@ -89,7 +89,7 @@
                 id="member"
                 v-tippy="{ theme: 'tooltip' }"
                 :title="$t('action.remove')"
-                icon="remove_circle_outline"
+                svg="trash"
                 color="red"
                 @click.native="removeExistingTeamMember(member.user.uid)"
               />
@@ -155,7 +155,7 @@
                 id="member"
                 v-tippy="{ theme: 'tooltip' }"
                 :title="$t('action.remove')"
-                icon="remove_circle_outline"
+                svg="trash"
                 color="red"
                 @click.native="removeTeamMember(index)"
               />
@@ -171,7 +171,7 @@
               justify-center
             "
           >
-            <i class="opacity-75 pb-2 material-icons">layers</i>
+            <SmartIcon class="opacity-75 pb-2" name="users" />
             <span class="text-center pb-4">
               {{ $t("empty.members") }}
             </span>

components/teams/Team.vue

@@ -27,12 +27,12 @@
           <ButtonSecondary
             v-tippy="{ theme: 'tooltip' }"
             :title="$t('action.more')"
-            icon="more_vert"
+            svg="more-vertical"
           />
         </template>
         <SmartItem
           v-if="team.myRole === 'OWNER'"
-          icon="create"
+          svg="edit"
           :label="$t('action.edit')"
           @click.native="
             $emit('edit-team')
@@ -41,7 +41,7 @@
         />
         <SmartItem
           v-if="team.myRole === 'OWNER'"
-          icon="delete"
+          svg="trash-2"
           color="red"
           :label="$t('action.delete')"
           @click.native="
@@ -51,7 +51,7 @@
         />
         <SmartItem
           v-if="!(team.myRole === 'OWNER' && team.ownersCount == 1)"
-          icon="remove"
+          svg="trash"
           :label="$t('team.exit')"
           @click.native="
             exitTeam()