diff --git a/resources/js/Pages/Teams/Partials/ImportData.vue b/resources/js/Pages/Teams/Partials/ImportData.vue index 282d5777..2cafa7a5 100644 --- a/resources/js/Pages/Teams/Partials/ImportData.vue +++ b/resources/js/Pages/Teams/Partials/ImportData.vue @@ -5,7 +5,12 @@ import { useNotificationsStore } from '@/utils/notification'; import { api } from '@/packages/api/src'; import { Field, FieldLabel } from '@/packages/ui/src/field'; import { DocumentIcon } from '@heroicons/vue/24/solid'; -import { ArrowDownOnSquareIcon, InformationCircleIcon } from '@heroicons/vue/24/outline'; +import { + ArrowDownOnSquareIcon, + ExclamationTriangleIcon, + InformationCircleIcon, +} from '@heroicons/vue/24/outline'; +import { canUseBillableRates } from '@/utils/billing'; import { getCurrentOrganizationId } from '@/utils/useUser'; import type { ImportReport, ImportType } from '@/packages/api/src'; @@ -21,6 +26,8 @@ const { addNotification } = useNotificationsStore(); const loading = ref(false); +const billableRatesLocked = computed(() => !canUseBillableRates()); + onMounted(async () => { const organizationId = getCurrentOrganizationId(); if (organizationId) { @@ -155,8 +162,19 @@ const showResultModal = ref(false);

- Import existing data from Toggl, Clockify or a different solidtime instance. - Please select the type of data you want to import and follow the instructions. + Import existing data from Toggl, Clockify, Harvest, generic CSV files or a + different solidtime instance. Please select the type of data you want to import + and follow the instructions. +

+
+
+ +

+ Billable rates and billable status will not be imported, since they are not + available in the free plan. All projects and time entries will be imported as + non-billable.