Fix: control caching issue

mezh-hq · Apr 12, 2024 · 8b5e95e · 8b5e95e
1 parent e796463
commit 8b5e95e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/src/components/controls/select/polyline/section-selector.tsx b/src/components/controls/select/polyline/section-selector.tsx
@@ -90,6 +90,7 @@ const SectionSelector = ({ firstElement, selectedElementIds }) => {
         </Popover>
       </div>
       <Select
+        key={selectedElementIds?.join(",")}
         onValueChange={(value) => {
           store.dispatch(updatePolylines({ ids: selectedElementIds, data: { section: +value === 0 ? null : value } }));
         }}

diff --git a/src/components/controls/select/seats/categorizer.tsx b/src/components/controls/select/seats/categorizer.tsx
@@ -114,6 +114,7 @@ const Categorizer = ({ firstElement, selectedElementIds }) => {
         </Popover>
       </div>
       <Select
+        key={selectedElementIds?.join(",")}
         onValueChange={(value) => {
           store.dispatch(updateSeats({ ids: selectedElementIds, data: { category: value } }));
         }}

diff --git a/src/components/controls/select/seats/index.tsx b/src/components/controls/select/seats/index.tsx
@@ -30,7 +30,7 @@ const SeatSelectControls = () => {
         />
       </div>
       <RadioGroup
-        key={firstElement?.getAttribute(dataAttributes.status)}
+        key={selectedElementIds?.join(",")}
         defaultValue={firstElement?.getAttribute(dataAttributes.status) ?? SeatStatus.Available.toString()}
         onValueChange={(value) => {
           selectedElementIds.forEach((id: string) => {