WIP Добавлена возможность редактирования данных клиента таблицы

src/pages/clients/components/ClientsActionPopup.vue

@@ -2,20 +2,23 @@
   .flex.flex-col.items-end.absolute.right-2.top-5
     .corner
     .popup-wrapper.flex.flex-col.gap-y-3.w-10.h-10.p-4
-      .button.keep-redaction.flex.gap-x-3
-        .icon-edit.icon-redaction
+      .button.keep-redaction.flex.gap-x-3(@click="openChangeData")
+        .icon-edit.icon
         span Редактировать
       .button.keep-redaction.flex.gap-x-3
-        img(src="@/assets/icons/star.svg" alt="Star")
+        .icon-star-off.icon
         span На ведение
       .button.delete.flex.gap-x-3
-        img(src="@/assets/icons/basket.svg" alt="Basket")
+        .icon-basket.icon-delete
         span Удалить
 </template>
 
 <script>
 export default {
   name: "ClientsActionPopup",
+  props: {
+    openChangeData: Function,
+  },
 };
 </script>
 
@@ -29,7 +32,7 @@ export default {
   z-index: 1
 .keep-redaction
   color: var(--font-dark-blue-color)
-.icon-redaction
+.icon
   color: var(--btn-blue-color)
 .delete
   color: var(--btn-red-color)
@@ -43,4 +46,6 @@ export default {
   background-color: var(--default-white)
   z-index: 2
   overflow: hidden
+.icon-delete
+  color: var(--btn-red-color)
 </style>