changes

app/components/menu/MenuAction.vue

@@ -3,13 +3,13 @@
     class="mr-3"
     @click="$emit('edit')"
   >
-    <SvgIcon v-bind="{ name: 'pen1.svg', type: 'dark', size: 16 }"></SvgIcon>
+    <Icon name="material-symbols:edit-outline-rounded" />
   </a>
   <a
     @click="$emit('remove')"
     v-if="attrs.onRemove"
   >
-    <SvgIcon v-bind="{ name: 'bin1.svg', type: 'dark', size: 16 }"></SvgIcon>
+    <Icon name="material-symbols:delete-outline-rounded" />
   </a>
 </template>
 <script setup>

app/components/menu/MenuNote.vue

@@ -1,52 +0,0 @@
-<template>
-  <a
-    v-if="row.note"
-    @click="showNote()"
-  >
-    <SvgIcon v-bind="{ name: 'edit2.svg', type: 'findata', size: 20 }"></SvgIcon>
-  </a>
-  <a
-    v-else
-    @click="showNote()"
-  >
-    <span class="tooltip">
-      <span class="dot-twitter">+</span>
-      <span
-        class="tooltiptext"
-        style="min-width: max-content"
-        >{{ label }}</span
-      >
-    </span>
-  </a>
-</template>
-<script>
-import { useStore } from "~/stores/index";
-export default {
-  setup() {
-    const store = useStore();
-    return { store };
-  },
-  props: ["row", "pagename"],
-  data() {
-    return {
-      label: this.store.lang === "en" ? "Note" : "Ghi chú",
-    };
-  },
-  methods: {
-    showNote() {
-      this.$emit("clickevent", {
-        name: "dataevent",
-        data: {
-          modal: {
-            title: this.label,
-            height: "330px",
-            width: "700px",
-            component: "common/Note",
-            vbind: { row: this.row, pagename: this.pagename },
-          },
-        },
-      });
-    },
-  },
-};
-</script>