From 471d1871ecbca0bbfbe8f4902b768fbf2a2ba0ab Mon Sep 17 00:00:00 2001
From: iliya <iliyazelenkog@gmail.com>
Date: Sat, 14 Mar 2026 19:35:43 +0200
Subject: [PATCH] refactor: enhance CollapsibleTeamSection to support scrolling
 after expansion

- Modified the onClick handler to scroll to the section after expanding it, improving user experience.
- Introduced a check to ensure scrolling only occurs when the section is opened, maintaining functionality when collapsing.
---
 .../components/team/CollapsibleTeamSection.tsx         | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/team/CollapsibleTeamSection.tsx b/src/renderer/components/team/CollapsibleTeamSection.tsx
index 98ccb403..abccf05b 100644
--- a/src/renderer/components/team/CollapsibleTeamSection.tsx
+++ b/src/renderer/components/team/CollapsibleTeamSection.tsx
@@ -86,7 +86,15 @@ export const CollapsibleTeamSection = ({
         <button
           type="button"
           className={`absolute inset-0 z-0 cursor-pointer transition-colors ${isOpen ? 'rounded-t-md bg-[var(--color-section-bg-open)] hover:bg-[var(--color-section-hover-open)]' : 'rounded-md bg-[var(--color-section-bg)] hover:bg-[var(--color-section-hover)]'}`}
-          onClick={() => setOpen((prev) => !prev)}
+          onClick={() =>
+            setOpen((prev) => {
+              const next = !prev;
+              if (next && sectionRef.current) {
+                scrollAfterExpand(sectionRef.current);
+              }
+              return next;
+            })
+          }
           aria-label={isOpen ? 'Collapse section' : 'Expand section'}
         />
         <div