diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index 66b08d2b..e80ca60a 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -429,7 +429,10 @@ watch(locale, () => {
         />
 
         <div class="row items-center justify-center" style="flex-grow: 1">
-          <AddButton label="branchAdd" @trigger="() => {}" />
+          <AddButton
+            label="branchAdd"
+            @trigger="() => triggerCreate('headOffice')"
+          />
         </div>
       </template>
       <template v-else>
@@ -524,6 +527,21 @@ watch(locale, () => {
                         <q-menu class="bordered">
                           <q-list v-close-popup>
                             <q-item
+                              @click="
+                                if (node.isHeadOffice) {
+                                  triggerView(
+                                    node.id,
+                                    'headOffice',
+                                    node.branchLabelCode,
+                                  );
+                                } else {
+                                  triggerView(
+                                    node.id,
+                                    'subBranch',
+                                    node.branchLabelCode,
+                                  );
+                                }
+                              "
                               clickable
                               dense
                               class="row q-py-sm"
@@ -807,7 +825,6 @@ watch(locale, () => {
                 :inactive="item.status === 'INACTIVE'"
                 @view-detail="
                   (b) => {
-                    console.log(b);
                     if (b.hq) {
                       triggerView(b.id, 'headOffice', b.branchLabelCode);
                     } else {