Upgrade to Heroicons v2 (#281)

This commit is contained in:
mchev
2025-04-05 02:11:12 +02:00
committed by GitHub
parent 1bb65f420c
commit ba243b28a9
114 changed files with 219 additions and 219 deletions

View File

@@ -93,7 +93,7 @@
</router-link>
<BaseDropdownItem @click="logout">
<LogoutIcon
<ArrowRightOnRectangleIcon
class="w-5 h-5 mr-3 text-gray-400 group-hover:text-gray-500"
aria-hidden="true"
/>
@@ -121,8 +121,8 @@
"
>
<span class="sr-only">Open main menu</span>
<MenuIcon v-if="!open" class="block h-6 w-6" aria-hidden="true" />
<XIcon v-else class="block h-6 w-6" aria-hidden="true" />
<Bars3Icon v-if="!open" class="block h-6 w-6" aria-hidden="true" />
<XMarkIcon v-else class="block h-6 w-6" aria-hidden="true" />
</DisclosureButton>
</div>
</div>
@@ -206,7 +206,7 @@ import {
Menu,
MenuButton,
} from '@headlessui/vue'
import { MenuIcon, XIcon, LogoutIcon, CogIcon } from '@heroicons/vue/outline'
import { Bars3Icon, XMarkIcon, ArrowRightOnRectangleIcon, CogIcon } from '@heroicons/vue/24/outline'
import { useI18n } from 'vue-i18n'
const { t } = useI18n()

View File

@@ -38,7 +38,7 @@
>
<template #right>
<BaseIcon
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
:name="isShowPassword ? 'EyeIcon' : 'EyeSlashIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>

View File

@@ -30,7 +30,7 @@
>
<template #right>
<BaseIcon
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
:name="isShowPassword ? 'EyeIcon' : 'EyeSlashIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>

View File

@@ -23,10 +23,10 @@
<template #right="slotProps">
<BaseIcon
v-if="!showFilters"
name="FilterIcon"
name="FunnelIcon"
:class="slotProps.class"
/>
<BaseIcon v-else name="XIcon" :class="slotProps.class" />
<BaseIcon v-else name="XMarkIcon" :class="slotProps.class" />
</template>
</BaseButton>
</template>
@@ -50,7 +50,7 @@
class="px-3 mt-2"
>
<BaseInput v-model="filters.estimate_number">
<BaseIcon name="DotsHorizontalIcon" class="h-5 text-gray-500" />
<BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-gray-500" />
<BaseIcon name="HashtagIcon" class="h-5 mr-3 text-gray-600" />
</BaseInput>
</BaseInputGroup>
@@ -119,7 +119,7 @@
<template #cell-actions="{ row }">
<BaseDropdown>
<template #activator>
<BaseIcon name="DotsHorizontalIcon" class="h-5 text-gray-500" />
<BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-gray-500" />
</template>
<router-link :to="`estimates/${row.data.id}/view`">
<BaseDropdownItem>

View File

@@ -46,7 +46,7 @@
@input="onSearch"
>
<template #right>
<BaseIcon name="SearchIcon" class="h-5 text-gray-400" />
<BaseIcon name="MagnifyingGlassIcon" class="h-5 text-gray-400" />
</template>
</BaseInput>
@@ -58,7 +58,7 @@
>
<template #activator>
<BaseButton variant="gray">
<BaseIcon name="FilterIcon" class="h-5" />
<BaseIcon name="FunnelIcon" class="h-5" />
</BaseButton>
</template>

View File

@@ -19,10 +19,10 @@
<template #right="slotProps">
<BaseIcon
v-if="!showFilters"
name="FilterIcon"
name="FunnelIcon"
:class="slotProps.class"
/>
<BaseIcon v-else name="XIcon" :class="slotProps.class" />
<BaseIcon v-else name="XMarkIcon" :class="slotProps.class" />
</template>
</BaseButton>
</template>
@@ -45,7 +45,7 @@
class="px-3 mt-2"
>
<BaseInput v-model="filters.invoice_number">
<BaseIcon name="DotsHorizontalIcon" class="h-5 text-gray-500" />
<BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-gray-500" />
<BaseIcon name="HashtagIcon" class="h-5 ml-3 text-gray-600" />
</BaseInput>
</BaseInputGroup>
@@ -126,7 +126,7 @@
<template #cell-actions="{ row }">
<BaseDropdown>
<template #activator>
<BaseIcon name="DotsHorizontalIcon" class="h-5 text-gray-500" />
<BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-gray-500" />
</template>
<router-link :to="`invoices/${row.data.id}/view`">
<BaseDropdownItem>

View File

@@ -52,7 +52,7 @@
@input="onSearch"
>
<template #right>
<BaseIcon name="SearchIcon" class="h-5 text-gray-400" />
<BaseIcon name="MagnifyingGlassIcon" class="h-5 text-gray-400" />
</template>
</BaseInput>
@@ -64,7 +64,7 @@
>
<template #activator>
<BaseButton variant="gray">
<BaseIcon name="FilterIcon" class="h-5" />
<BaseIcon name="FunnelIcon" class="h-5" />
</BaseButton>
</template>

View File

@@ -21,9 +21,9 @@
<BaseIcon
v-if="!showFilters"
:class="slotProps.class"
name="FilterIcon"
name="FunnelIcon"
/>
<BaseIcon v-else :class="slotProps.class" name="XIcon" />
<BaseIcon v-else :class="slotProps.class" name="XMarkIcon" />
</template>
</BaseButton>
</template>
@@ -111,7 +111,7 @@
<template #cell-actions="{ row }">
<BaseDropdown>
<template #activator>
<BaseIcon name="DotsHorizontalIcon" class="w-5 text-gray-500" />
<BaseIcon name="EllipsisHorizontalIcon" class="w-5 text-gray-500" />
</template>
<router-link :to="`payments/${row.data.id}/view`">
<BaseDropdownItem>

View File

@@ -40,7 +40,7 @@
@input="onSearch"
>
<template #right>
<BaseIcon name="SearchIcon" class="h-5 text-gray-400" />
<BaseIcon name="MagnifyingGlassIcon" class="h-5 text-gray-400" />
</template>
</BaseInput>
@@ -52,7 +52,7 @@
>
<template #activator>
<BaseButton variant="gray">
<BaseIcon name="FilterIcon" class="h-5" />
<BaseIcon name="FunnelIcon" class="h-5" />
</BaseButton>
</template>

View File

@@ -230,7 +230,7 @@
<template #left="slotProps">
<BaseIcon
v-if="!isSaving"
name="SaveIcon"
name="ArrowDownOnSquareIcon"
:class="slotProps.class"
/>
</template>

View File

@@ -72,7 +72,7 @@
>
<template #right>
<BaseIcon
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
:name="isShowPassword ? 'EyeIcon' : 'EyeSlashIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
@@ -95,7 +95,7 @@
>
<template #right>
<BaseIcon
:name="isShowConfirmPassword ? 'EyeIcon' : 'EyeOffIcon'"
:name="isShowConfirmPassword ? 'EyeIcon' : 'EyeSlashIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowConfirmPassword = !isShowConfirmPassword"
/>
@@ -106,7 +106,7 @@
<BaseButton :loading="isSaving" :disabled="isSaving" class="mt-6">
<template #left="slotProps">
<BaseIcon v-if="!isSaving" name="SaveIcon" :class="slotProps.class" />
<BaseIcon v-if="!isSaving" name="ArrowDownOnSquareIcon" :class="slotProps.class" />
</template>
{{ $t('general.save') }}
</BaseButton>
@@ -115,7 +115,7 @@
</template>
<script setup>
import { SaveIcon } from '@heroicons/vue/solid'
import { ArrowDownOnSquareIcon } from '@heroicons/vue/24/solid'
import { ref, computed } from 'vue'
import { useGlobalStore } from '@/scripts/customer/stores/global'
import { useUserStore } from '@/scripts/customer/stores/user'

View File

@@ -65,7 +65,7 @@
import { ref, reactive, watchEffect, computed } from 'vue'
import BaseList from '@/scripts/components/list/BaseList.vue'
import BaseListItem from '@/scripts/components/list/BaseListItem.vue'
import { OfficeBuildingIcon, UserIcon } from '@heroicons/vue/outline'
import { BuildingOfficeIcon, UserIcon } from '@heroicons/vue/24/outline'
import { useGlobalStore } from '@/scripts/customer/stores/global'
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
@@ -94,7 +94,7 @@ const menuItems = reactive([
{
link: `/${globalStore.companySlug}/customer/settings/address-info`,
title: t('settings.menu_title.address_information'),
icon: OfficeBuildingIcon,
icon: BuildingOfficeIcon,
},
])