feat: svg icons

components/history/graphql/Card.vue

@@ -16,12 +16,12 @@
         @click="useEntry"
       >
         <span class="truncate">
-          {{ entry.url }}
+          {{ entry.request.url }}
         </span>
       </span>
       <ButtonSecondary
         v-tippy="{ theme: 'tooltip' }"
-        icon="remove_circle_outline"
+        svg="trash"
         color="red"
         :title="$t('action.remove')"
         class="hidden group-hover:inline-flex"
@@ -31,14 +31,14 @@
       <ButtonSecondary
         v-tippy="{ theme: 'tooltip' }"
         :title="expand ? $t('hide.more') : $t('show.more')"
-        :icon="expand ? 'unfold_less' : 'unfold_more'"
+        :svg="expand ? 'minimize-2' : 'maximize-2'"
         class="hidden group-hover:inline-flex"
         @click.native="expand = !expand"
       />
       <ButtonSecondary
         v-tippy="{ theme: 'tooltip' }"
         :title="!entry.star ? $t('add.star') : $t('remove.star')"
-        :icon="entry.star ? 'star' : 'star_border'"
+        :svg="entry.star ? 'star-solid' : 'star'"
         color="yellow"
         :class="{ 'group-hover:inline-flex hidden': !entry.star }"
         data-testid="star_button"

components/history/index.vue

@@ -24,13 +24,13 @@
           to="https://docs.hoppscotch.io/features/history"
           blank
           :title="$t('app.wiki')"
-          icon="help_outline"
+          svg="help-circle"
         />
         <ButtonSecondary
           v-tippy="{ theme: 'tooltip' }"
           data-testid="clear_history"
           :disabled="history.length === 0"
-          icon="clear_all"
+          svg="trash-2"
           :title="$t('action.clear_all')"
           @click.native="confirmRemove = true"
         />

components/history/rest/Card.vue

@@ -29,7 +29,7 @@
     </span>
     <ButtonSecondary
       v-tippy="{ theme: 'tooltip' }"
-      icon="remove_circle_outline"
+      svg="trash"
       color="red"
       :title="$t('action.remove')"
       class="hidden group-hover:inline-flex"
@@ -40,7 +40,7 @@
       v-tippy="{ theme: 'tooltip' }"
       :title="!entry.star ? $t('add.star') : $t('remove.star')"
       :class="{ 'group-hover:inline-flex hidden': !entry.star }"
-      :icon="entry.star ? 'star' : 'star_border'"
+      :svg="entry.star ? 'star-solid' : 'star'"
       color="yellow"
       data-testid="star_button"
       @click.native="$emit('toggle-star')"