fix notif

src/pages/menuPages/appNotifications/components/table.vue

@@ -16,6 +16,15 @@
       <BaseTable v-bind="tblProps" @register="submit" ref="tbl">
         <template #action="{ record }">
           <div class="flex justify-center gap-2">
+            <a-tooltip placement="bottom">
+              <template #title>بازدیدکنندگان</template>
+              <Icon
+                icon="vuesax-linear:people"
+                color="#10913A"
+                class="cursor-pointer"
+                @click="emits('readers', record)"
+              />
+            </a-tooltip>
             <a-tooltip placement="bottom">
               <template #title>ویرایش</template>
               <Icon
@@ -28,7 +37,7 @@
             <a-tooltip placement="bottom">
               <template #title>{{ record.is_active ? 'غیرفعال کردن' : 'فعال کردن' }}</template>
               <Icon
-                :icon="record.is_active ? 'vuesax-linear:eye-slash' : 'vuesax-linear:eye'"
+                :icon="record.is_active ? 'vuesax-linear:close-circle' : 'vuesax-linear:tick-circle'"
                 :color="record.is_active ? '#C53030' : '#25855A'"
                 class="cursor-pointer"
                 @click="emits('toggle', record)"
@@ -65,6 +74,7 @@ const emits = defineEmits<{
   edit: [record: Record<string, unknown>]
   toggle: [record: Record<string, unknown>]
   delete: [id: number]
+  readers: [record: Record<string, unknown>]
 }>()
 
 const tblProps = {