From 3efe8e19f4219539aa2972e2f7b29453ce9e084d Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Tue, 8 Apr 2025 12:09:56 +0700
Subject: [PATCH] refactor: add single prop to conditionally render bank form
 elements

---
 src/components/01_branch-management/FormBank.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/01_branch-management/FormBank.vue b/src/components/01_branch-management/FormBank.vue
index e9cc4483..66f4241b 100644
--- a/src/components/01_branch-management/FormBank.vue
+++ b/src/components/01_branch-management/FormBank.vue
@@ -36,6 +36,7 @@ defineProps<{
   outlined?: boolean;
   readonly?: boolean;
   view?: boolean;
+  single?: boolean;
 }>();
 
 defineEmits<{
@@ -121,7 +122,7 @@ watch(
       />
       {{ $t(`${title}`) }}
       <AddButton
-        v-if="!readonly"
+        v-if="!readonly && !single"
         id="btn-add-bank"
         icon-only
         class="q-ml-sm"
@@ -141,7 +142,10 @@ watch(
         style="padding-block: 0.01px"
         spaced="lg"
       />
-      <span class="col-12 app-text-muted-2 flex justify-between items-center">
+      <span
+        v-if="!single"
+        class="col-12 app-text-muted-2 flex justify-between items-center"
+      >
         {{ `${$t('branch.form.bankAccountNo')} ${i + 1}` }}
         <div class="row items-center">
           <div style="height: 30.8px" />
@@ -172,6 +176,7 @@ watch(
       </span>
 
       <div
+        v-if="!single"
         class="bordered q-mr-sm rounded col text-center overflow-hidden"
         :class="{ 'pointer-none': readonly, 'q-my-sm': $q.screen.lt.md }"
       >