project flow completed

app/frontend/src/pages/IndexPage.vue

@@ -7,12 +7,18 @@
             <q-select v-model="ld.companyID"
                       label="Şirket"
                       option-label="Name"
-                      option-value="Name"
+                      option-value="Id"
                       :options="ld.companies"
                       map-options
                       emit-value
             >
               <template v-slot:after>
+                <q-btn
+                  label="Düzenle"
+                  color="primary"
+                  @click="editCompany"
+                  no-caps
+                />
                 <q-btn
                   label="Yeni Şirket Ekle"
                   color="primary"
@@ -34,13 +40,6 @@
                    color="secondary"
             />
           </div>
-          <div class="col-shrink">
-            <q-btn label="Düzenle"
-                   @click="editCompany"
-                   no-caps
-                   color="secondary"
-            />
-          </div>
           <div class="col-11 text-right">
             {{ ld.xlsFile }}
           </div>
@@ -82,9 +81,9 @@
 <script setup>
 import { onMounted, reactive } from 'vue'
 import Company from 'components/dlg/Company.vue'
-import EditCompany from 'components/dlg/EditCompany.vue'
+import EditCompanyPage from 'components/dlg/EditCompany.vue'
 import { useQuasar } from 'quasar'
-import { Companies, CreateCompany, Rpa, UploadExcel } from 'app/bindings/lib/srv/Srv'
+import { Companies, CreateCompany, Rpa, UploadExcel ,EditCompany} from 'app/bindings/lib/srv/Srv'
 import * as wails from '@wailsio/runtime'
 
 const $q = useQuasar()
@@ -102,27 +101,27 @@ onMounted(() => {
   getCompanies()
 
   wails.Events.On('logProcess', function (ev) {
-    console.log(ev.data)
     ld.logProcess.push(ev.data)
-    console.log(ld.logProcess)
   })
 })
 
 const editCompany = function () {
-  console.log(ld.companyID)
+  const selectedCompanyID = ld.companyID;
+  const selectedCompany = ld.companies.find(company => company.Id === selectedCompanyID);
   $q.dialog({
-    component: EditCompany,
+    component: EditCompanyPage,
     parent: this,
     componentProps: {
-      name: ld.companyID.Name,
-      memberNumber: ld.companyID.MemberNumber,
-      userName : ld.companyID.Username,
-      password : ld.companyID.Password,
+      id : parseInt(selectedCompany.Id),
+      name: selectedCompany.Name,
+      memberNumber: selectedCompany.MemberNumber,
+      userName : selectedCompany.Username,
+      password : selectedCompany.Password,
     },
     // ----------------------
     // props that are passed to component instance
   }).onOk(data => {
-    CreateCompany(data.name, initialMemberNumber, data.username, data.password).then(()=>{
+    EditCompany(data.id, data.name, data.memberNumber, data.userName, data.password).then(()=>{
       getCompanies()
     })
   })