EditDialog: Add controlled accordion for members

zbycz · Jan 29, 2025 · 78f9006 · 78f9006
1 parent f833f9d
commit 78f9006
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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)',