mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-08-15 03:32:15 +01:00
add format check, update prettier rules, apply rules consistently
This commit is contained in:
@@ -1,27 +1,24 @@
|
||||
<script setup lang="ts">
|
||||
|
||||
import {ProjectBadge} from "@/packages/ui/src";
|
||||
import type {TimeEntry} from "@/packages/api/src";
|
||||
import {twMerge} from "tailwind-merge";
|
||||
import {ChevronRightIcon} from "@heroicons/vue/16/solid";
|
||||
import {computed} from "vue";
|
||||
import type {Project, Task} from "@/packages/api/src";
|
||||
import { ProjectBadge } from '@/packages/ui/src';
|
||||
import type { TimeEntry } from '@/packages/api/src';
|
||||
import { twMerge } from 'tailwind-merge';
|
||||
import { ChevronRightIcon } from '@heroicons/vue/16/solid';
|
||||
import { computed } from 'vue';
|
||||
import type { Project, Task } from '@/packages/api/src';
|
||||
|
||||
const props = defineProps<{
|
||||
timeEntry: TimeEntry,
|
||||
highlighted: boolean,
|
||||
projects?: Project[]
|
||||
tasks?: Task[]
|
||||
}>()
|
||||
timeEntry: TimeEntry;
|
||||
highlighted: boolean;
|
||||
projects?: Project[];
|
||||
tasks?: Task[];
|
||||
}>();
|
||||
const project = computed(() => {
|
||||
return props.projects?.find(
|
||||
(iteratingProject) => iteratingProject.id === props.timeEntry.project_id
|
||||
);
|
||||
});
|
||||
const task = computed(() => {
|
||||
return props.tasks?.find(
|
||||
(iteratingTask) => iteratingTask.id === props.timeEntry.task_id
|
||||
);
|
||||
return props.tasks?.find((iteratingTask) => iteratingTask.id === props.timeEntry.task_id);
|
||||
});
|
||||
</script>
|
||||
|
||||
@@ -29,40 +26,35 @@ const task = computed(() => {
|
||||
<button
|
||||
tabindex="-1"
|
||||
:data-select-id="timeEntry.id"
|
||||
:class="twMerge('px-2 py-1.5 flex justify-between items-center space-x-2 w-full rounded', props.highlighted && 'bg-card-background-active')">
|
||||
:class="
|
||||
twMerge(
|
||||
'px-2 py-1.5 flex justify-between items-center space-x-2 w-full rounded',
|
||||
props.highlighted && 'bg-card-background-active'
|
||||
)
|
||||
">
|
||||
<span v-if="timeEntry.description !== ''" class="text-sm font-medium">
|
||||
{{
|
||||
timeEntry.description
|
||||
}}
|
||||
</span>
|
||||
<span v-else class="text-sm text-text-tertiary font-medium">
|
||||
No Description
|
||||
{{ timeEntry.description }}
|
||||
</span>
|
||||
<span v-else class="text-sm text-text-tertiary font-medium"> No Description </span>
|
||||
<ProjectBadge
|
||||
ref="projectDropdownTrigger"
|
||||
:color="project?.color"
|
||||
:name="project?.name"
|
||||
class="">
|
||||
<div v-if="project" class="flex items-center lg:space-x-1 min-w-0">
|
||||
<span class="whitespace-nowrap text-xs ">
|
||||
{{ project?.name }}
|
||||
</span>
|
||||
<span class="whitespace-nowrap text-xs">
|
||||
{{ project?.name }}
|
||||
</span>
|
||||
<ChevronRightIcon
|
||||
v-if="task"
|
||||
class="w-4 lg:w-5 text-text-secondary shrink-0"></ChevronRightIcon>
|
||||
<div
|
||||
v-if="task"
|
||||
class="min-w-0 shrink text-xs truncate">
|
||||
<div v-if="task" class="min-w-0 shrink text-xs truncate">
|
||||
{{ task.name }}
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
No Project
|
||||
</div>
|
||||
<div v-else>No Project</div>
|
||||
</ProjectBadge>
|
||||
</button>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
<style scoped></style>
|
||||
|
||||
Reference in New Issue
Block a user