rewrite notification table

This commit is contained in:
pa
2026-01-06 21:48:56 +09:00
committed by Natsumi
parent 25c4ad8d2f
commit 5424762d5c
6 changed files with 1065 additions and 544 deletions

View File

@@ -39,8 +39,6 @@
</template>
<script setup>
import { Refresh } from '@element-plus/icons-vue';
import { ElMessageBox } from 'element-plus';
import {
getCoreRowModel,
getFilteredRowModel,
@@ -49,6 +47,8 @@
useVueTable
} from '@tanstack/vue-table';
import { computed, ref, watch } from 'vue';
import { ElMessageBox } from 'element-plus';
import { Refresh } from '@element-plus/icons-vue';
import { storeToRefs } from 'pinia';
import { useI18n } from 'vue-i18n';

View File

@@ -6,7 +6,7 @@ import {
TooltipProvider,
TooltipTrigger
} from '../../components/ui/tooltip';
import { ArrowUpDown, X } from 'lucide-vue-next';
import { ArrowUpDown } from 'lucide-vue-next';
import { storeToRefs } from 'pinia';
import { formatDateFilter } from '../../shared/utils';
@@ -129,29 +129,24 @@ export const createColumns = ({ onDelete, onDeletePrompt }) => {
return null;
}
if (shiftHeld.value) {
return (
<div class="flex justify-end">
<Button
variant="ghost"
size="sm"
class="h-6 text-destructive"
onClick={() => onDelete(original)}
>
<X />
</Button>
</div>
);
}
return (
<div class="flex justify-end">
<button
type="button"
class="inline-flex h-6 items-center justify-center text-muted-foreground hover:text-foreground"
onClick={() => onDeletePrompt(original)}
onClick={() =>
shiftHeld.value
? onDelete(original)
: onDeletePrompt(original)
}
>
<i class="ri-delete-bin-line" />
<i
class={
shiftHeld.value
? 'ri-close-line text-red-600'
: 'ri-delete-bin-line'
}
/>
</button>
</div>
);