From 78f90063a1c4408fb15a5a86235786b3c1a1ed50 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan=20V=C3=A1clav=C3=ADk?= <jvaclavik@gmail.com>
Date: Wed, 29 Jan 2025 08:37:31 +0100
Subject: [PATCH] EditDialog: Add controlled accordion for members

---
 .../EditContent/FeatureEditSection/MajorKeysEditor.tsx        | 2 +-
 .../FeaturePanel/EditDialog/EditContent/MembersEditor.tsx     | 4 +++-
 src/locales/cs.js                                             | 1 +
 src/locales/vocabulary.js                                     | 1 +
 4 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/FeaturePanel/EditDialog/EditContent/FeatureEditSection/MajorKeysEditor.tsx b/src/components/FeaturePanel/EditDialog/EditContent/FeatureEditSection/MajorKeysEditor.tsx
index d26b10ff..39c7c069 100644
--- a/src/components/FeaturePanel/EditDialog/EditContent/FeatureEditSection/MajorKeysEditor.tsx
+++ b/src/components/FeaturePanel/EditDialog/EditContent/FeatureEditSection/MajorKeysEditor.tsx
@@ -35,7 +35,7 @@ const getData = (numberOfWikimediaItems: number, isClimbingRoute?: boolean) => {
     .fill('')
     .reduce((acc, _, index) => {
       const key = getWikimediaCommonsKey(index);
-      const value = `Wikimedia commons photo (${index})`;
+      const value = `${t('tags.wikimedia_commons_photo')} (${index})`;
       return { ...acc, [key]: value };
     }, {});
 
diff --git a/src/components/FeaturePanel/EditDialog/EditContent/MembersEditor.tsx b/src/components/FeaturePanel/EditDialog/EditContent/MembersEditor.tsx
index 85a2db9a..538fdbe2 100644
--- a/src/components/FeaturePanel/EditDialog/EditContent/MembersEditor.tsx
+++ b/src/components/FeaturePanel/EditDialog/EditContent/MembersEditor.tsx
@@ -21,6 +21,7 @@ export const MembersEditor = () => {
   const theme = useTheme();
   const handleClick = useGetHandleClick();
   const isClimbingCrag = tags.climbing === 'crag';
+  const [isExpanded, setIsExpanded] = React.useState(false);
 
   const getSectionName = () => {
     const isClimbingArea = tags.climbing === 'area';
@@ -40,11 +41,12 @@ export const MembersEditor = () => {
     children: React.ReactNode;
     membersLength?: number;
   }) => (
-    <Accordion disableGutters elevation={0} square>
+    <Accordion disableGutters elevation={0} square expanded={isExpanded}>
       <AccordionSummary
         expandIcon={<ExpandMoreIcon />}
         aria-controls="panel1-content"
         id="panel1-header"
+        onClick={() => setIsExpanded(!isExpanded)}
       >
         <Stack direction="row" spacing={2} alignItems="center">
           <Typography variant="button">{getSectionName()}</Typography>
diff --git a/src/locales/cs.js b/src/locales/cs.js
index d6478b7f..15caeddc 100644
--- a/src/locales/cs.js
+++ b/src/locales/cs.js
@@ -238,6 +238,7 @@ export default {
   'tags.climbing_grade_french': 'Francouzská klasifikace',
   'tags.climbing_boulder': 'Boulder',
   'tags.length': 'Délka',
+  'tags.wikimedia_commons_photo': 'Wikimedia Commons fotka',
 
   'coordinates.geo_uri': 'GeoURI (mapová appka v telefonu)',
 
diff --git a/src/locales/vocabulary.js b/src/locales/vocabulary.js
index 446f6f7a..322e9d2c 100644
--- a/src/locales/vocabulary.js
+++ b/src/locales/vocabulary.js
@@ -280,6 +280,7 @@ export default {
   'tags.climbing_grade_french': 'French climbing grade',
   'tags.climbing_boulder': 'Boulder',
   'tags.length': 'Length',
+  'tags.wikimedia_commons_photo': 'Wikimedia Commons photo',
 
   'coordinates.geo_uri': 'GeoURI (phone map app)',