From 26243f74dae84983d93c8de1a455830376dfa1dc Mon Sep 17 00:00:00 2001
From: MoonTestUse1 <crocoman7887@gmail.com>
Date: Fri, 27 Dec 2024 02:34:52 +0600
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D1=87=D0=B8=D0=BD=D0=BA=D0=B0=20?=
 =?UTF-8?q?=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D1=8F=20?=
 =?UTF-8?q?=D1=81=D0=BE=D1=82=D1=80=D1=83=D0=B4=D0=BD=D0=B8=D0=BA=D0=B05?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/admin/EmployeeList.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/admin/EmployeeList.vue b/frontend/src/components/admin/EmployeeList.vue
index d2b17b4..8784df0 100644
--- a/frontend/src/components/admin/EmployeeList.vue
+++ b/frontend/src/components/admin/EmployeeList.vue
@@ -2,7 +2,7 @@
 import { ref, onMounted } from 'vue';
 import { departments } from '@/utils/constants';
 import type { Employee, EmployeeFormData } from '@/types/employee';
-import EmployeeForm from './EmployeeForm.vue';
+import EmployeeFormModal from './employee/EmployeeFormModal.vue';
 
 const employees = ref<Employee[]>([]);
 const showAddForm = ref(false);
@@ -14,6 +14,7 @@ function getDepartmentLabel(value: string) {
 
 function editEmployee(employee: Employee) {
   editingEmployee.value = employee;
+  showAddForm.value = true;
 }
 
 function closeForm() {
@@ -120,9 +121,9 @@ onMounted(fetchEmployees);
       </table>
     </div>
 
-    <EmployeeForm
+    <EmployeeFormModal
       v-if="showAddForm || editingEmployee"
-      :employee="editingEmployee"
+      :employee="editingEmployee || undefined"
       @close="closeForm"
       @submit="handleSubmit"
     />