From bf759f1ba7248576a9b08757b562efb804aaf640 Mon Sep 17 00:00:00 2001
From: victor <viktor.generalov@nlogic.ai>
Date: Sun, 11 Dec 2022 11:34:31 +0400
Subject: [PATCH] chore: more pure code

---
 src/components/Accordion/AccordionContent.vue | 2 +-
 src/components/Accordion/AccordionHeader.vue  | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/Accordion/AccordionContent.vue b/src/components/Accordion/AccordionContent.vue
index 85d0af1..dae8521 100644
--- a/src/components/Accordion/AccordionContent.vue
+++ b/src/components/Accordion/AccordionContent.vue
@@ -2,7 +2,7 @@
   <div
     :class="{
       hidden: !panelState.isVisible,
-      'border-b-0': panelState.order !== panelsCount - 1,
+      'border-b-0': panelState.order !== panelsCount - 1 || accordionState.flush,
       'border-t-0': panelState.order === panelsCount - 1,
       'border-x-0': accordionState.flush,
     }"
diff --git a/src/components/Accordion/AccordionHeader.vue b/src/components/Accordion/AccordionHeader.vue
index 017af7c..d2d7d84 100644
--- a/src/components/Accordion/AccordionHeader.vue
+++ b/src/components/Accordion/AccordionHeader.vue
@@ -4,7 +4,8 @@
       @click="toggleItem"
       :class="{
         'rounded-t-xl': panelState.order === 0 && !accordionState.flush,
-        'border-b-0': panelState.order !== panelsCount - 1,
+        'border-t-0': panelState.order === 0 && accordionState.flush,
+        'border-b-0': isBottomBorderVisibleForFlush,
         'border-x-0': accordionState.flush,
         }"
       class="flex items-center p-5 w-full font-medium text-left text-gray-500 border border-gray-200 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800 dark:border-gray-700 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800"
@@ -33,6 +34,10 @@ const panelId: any = inject('panelId')
 
 const accordionState = computed(() => accordionsStates[accordionId])
 const panelsCount = computed(() => Object.keys(accordionsStates[accordionId].panels[panelId]).length)
+const isPanelLast = computed(() => panelState.value.order !== panelsCount.value - 1)
+const isBottomBorderVisibleForFlush = computed(() =>
+    isPanelLast.value ||
+    (accordionState.value.flush && panelState.value.order === panelsCount.value - 1 && !panelState.value.isVisible))
 
 const commonToggleItem = () => {
   const selectedPanel = accordionState.value.panels[panelId]