btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

chore: use auto-imported icons (#2998)

Browse Source
This commit is contained in:
Liyas Thomas
2023-04-21 20:20:22 +05:30
committed by GitHub
parent 80da790a3c
commit b42a94ed77
10 changed files with 12 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/hoppscotch-common/src/components/collections/index.vue
View File

@@ -90,7 +90,7 @@
'!flex': draggingToRoot && currentReorderingStatus.type !== 'request',
}"
>
<component :is="IconListEnd" class="svg-icons !w-8 !h-8" />
<icon-lucide-list-end class="svg-icons !w-8 !h-8" />
</div>
<CollectionsAdd
:show="showModalAdd"
@@ -221,7 +221,6 @@ import * as E from "fp-ts/Either"
import { platform } from "~/platform"
import { createCollectionGists } from "~/helpers/gist"
import { workspaceStatus$ } from "~/newstore/workspace"
import IconListEnd from "~icons/lucide/list-end"
import {
createNewTab,
currentActiveTab,

3
packages/hoppscotch-common/src/components/http/TestResult.vue
View File

@@ -42,7 +42,7 @@
class="flex p-4 bg-error text-secondaryDark"
role="alert"
>
<component :is="IconAlertTriangle" class="mr-4 svg-icons" />
<icon-lucide-alert-triangle class="mr-4 svg-icons" />
<div class="flex flex-col">
<p>
{{ t("environment.no_environment_description") }}
@@ -220,7 +220,6 @@ import { HoppTestResult } from "~/helpers/types/HoppTestResult"
import IconTrash2 from "~icons/lucide/trash-2"
import IconExternalLink from "~icons/lucide/external-link"
import IconAlertTriangle from "~icons/lucide/alert-triangle"
import IconCheck from "~icons/lucide/check"
import IconClose from "~icons/lucide/x"

3
packages/hoppscotch-common/src/components/teams/Edit.vue
View File

@@ -167,7 +167,7 @@
v-if="!teamDetails.loading && E.isLeft(teamDetails.data)"
class="flex flex-col items-center"
>
<component :is="IconHelpCircle" class="mb-4 svg-icons" />
<icon-lucide-help-circle class="mb-4 svg-icons" />
{{ t("error.something_went_wrong") }}
</div>
</div>
@@ -220,7 +220,6 @@ import IconCircleDot from "~icons/lucide/circle-dot"
import IconCircle from "~icons/lucide/circle"
import IconUserPlus from "~icons/lucide/user-plus"
import IconUserMinus from "~icons/lucide/user-minus"
import IconHelpCircle from "~icons/lucide/help-circle"
const t = useI18n()
const colorMode = useColorMode()

6
packages/hoppscotch-common/src/components/teams/Invite.vue
View File

@@ -113,7 +113,7 @@
v-if="!pendingInvites.loading && E.isLeft(pendingInvites.data)"
class="flex flex-col items-center p-4"
>
<component :is="IconHelpCircle" class="mb-4 svg-icons" />
<icon-lucide-help-circle class="mb-4 svg-icons" />
{{ t("error.something_went_wrong") }}
</div>
</div>
@@ -248,8 +248,7 @@
<span
class="flex items-center justify-center px-2 py-1 mb-4 font-semibold border rounded-full bg-primaryDark border-divider"
>
<component
:is="IconHelpCircle"
<icon-lucide-help-circle
class="mr-2 text-secondaryLight svg-icons"
/>
{{ t("profile.roles") }}
@@ -368,7 +367,6 @@ import { useColorMode } from "~/composables/theming"
import IconTrash from "~icons/lucide/trash"
import IconPlus from "~icons/lucide/plus"
import IconHelpCircle from "~icons/lucide/help-circle"
import IconAlertTriangle from "~icons/lucide/alert-triangle"
import IconMailCheck from "~icons/lucide/mail-check"
import IconCircleDot from "~icons/lucide/circle-dot"

4
packages/hoppscotch-common/src/components/teams/index.vue
View File

@@ -47,7 +47,7 @@
/>
</div>
<div v-if="!loading && adapterError" class="flex flex-col items-center">
<component :is="IconHelpCircle" class="mb-4 svg-icons" />
<icon-lucide-help-circle class="mb-4 svg-icons" />
{{ t("error.something_went_wrong") }}
</div>
</div>
@@ -82,8 +82,6 @@ import { useI18n } from "@composables/i18n"
import { useReadonlyStream } from "@composables/stream"
import { useColorMode } from "@composables/theming"
import IconHelpCircle from "~icons/lucide/help-circle"
const t = useI18n()
const colorMode = useColorMode()

2
packages/hoppscotch-common/src/components/workspace/Selector.vue
View File

@@ -67,7 +67,7 @@
v-if="!loading && teamListAdapterError"
class="flex flex-col items-center py-4"
>
<i class="mb-4 material-icons">help_outline</i>
<icon-lucide-help-circle class="mb-4 svg-icons" />
{{ t("error.something_went_wrong") }}
</div>
</div>

6
packages/hoppscotch-sh-admin/src/components/teams/Invite.vue
View File

@@ -131,10 +131,7 @@
<span
class="flex items-center justify-center px-2 py-1 mb-4 font-semibold border rounded-full bg-primaryDark border-divider"
>
<component
:is="IconHelpCircle"
class="mr-2 text-secondaryLight svg-icons"
/>
<icon-lucide-help-circle class="mr-2 text-secondaryLight svg-icons" />
Roles
</span>
<p>
@@ -208,7 +205,6 @@ import { useMutation, useQuery } from '@urql/vue';
import { Email, EmailCodec } from '~/helpers/backend/Email';
import IconTrash from '~icons/lucide/trash';
import IconPlus from '~icons/lucide/plus';
import IconHelpCircle from '~icons/lucide/help-circle';
import IconCircleDot from '~icons/lucide/circle-dot';
import IconCircle from '~icons/lucide/circle';
import { computed } from 'vue';

3
packages/hoppscotch-sh-admin/src/components/teams/Members.vue
View File

@@ -133,7 +133,7 @@
</div>
</div>
<div v-if="!fetching && !team" class="flex flex-col items-center">
<component :is="IconHelpCircle" class="mb-4 svg-icons" />
<icon-lucide-help-circle class="mb-4 svg-icons" />
Something went wrong. Please try again later.
</div>
</div>
@@ -159,7 +159,6 @@ import IconCircleDot from '~icons/lucide/circle-dot';
import IconCircle from '~icons/lucide/circle';
import IconUserPlus from '~icons/lucide/user-plus';
import IconUserMinus from '~icons/lucide/user-minus';
import IconHelpCircle from '~icons/lucide/help-circle';
import IconChevronDown from '~icons/lucide/chevron-down';
import { useClientHandle, useMutation } from '@urql/vue';
import { computed, onMounted, onUnmounted, ref, watch } from 'vue';

3
packages/hoppscotch-sh-admin/src/components/teams/PendingInvites.vue
View File

@@ -44,7 +44,7 @@
<span class="text-center"> No pending invites </span>
</div>
<div v-if="!fetching && error" class="flex flex-col items-center p-4">
<component :is="IconHelpCircle" class="mb-4 svg-icons" />
<icon-lucide-help-circle class="mb-4 svg-icons" />
Something went wrong. Please try again later.
</div>
</div>
@@ -53,7 +53,6 @@
<script setup lang="ts">
import IconTrash from '~icons/lucide/trash';
import IconHelpCircle from '~icons/lucide/help-circle';
import { useMutation, useClientHandle } from '@urql/vue';
import { ref, onMounted } from 'vue';
import {

20
packages/hoppscotch-ui/src/components/smart/FileChip.vue
View File

@@ -1,22 +1,6 @@
<template>
<span class="chip">
<component :is="IconFile" class="opacity-75 svg-icons" />
<span class="inline-flex items-center justify-center rounded pl-2 pr-0.5 bg-primaryDark">
<icon-lucide-file class="opacity-75 svg-icons" />
<span class="px-2 truncate max-w-54"><slot></slot></span>
</span>
</template>
<script setup lang="ts">
import IconFile from "~icons/lucide/file"
</script>
<style lang="scss" scoped>
.chip {
@apply inline-flex;
@apply items-center;
@apply justify-center;
@apply rounded;
@apply pl-2;
@apply pr-0.5;
@apply bg-primaryDark;
}
</style>