mirror of
https://github.com/InvoiceShelf/InvoiceShelf.git
synced 2026-04-07 13:41:23 +00:00
Upgrade to Heroicons v2 (#281)
This commit is contained in:
@@ -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()
|
||||
|
||||
@@ -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"
|
||||
/>
|
||||
|
||||
@@ -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"
|
||||
/>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -230,7 +230,7 @@
|
||||
<template #left="slotProps">
|
||||
<BaseIcon
|
||||
v-if="!isSaving"
|
||||
name="SaveIcon"
|
||||
name="ArrowDownOnSquareIcon"
|
||||
:class="slotProps.class"
|
||||
/>
|
||||
</template>
|
||||
|
||||
@@ -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'
|
||||
|
||||
@@ -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,
|
||||
},
|
||||
])
|
||||
|
||||
|
||||
Reference in New Issue
Block a user