LPD-39583 - Check if selectedItem exists before referencing it

liferay-frontend · Oct 23, 2024 · 7703ec1 · 7703ec1
1 parent 20c16b7
commit 7703ec1
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/...eb/src/main/resources/META-INF/resources/translation_manager/TranslationAdminSelector.tsx b/...eb/src/main/resources/META-INF/resources/translation_manager/TranslationAdminSelector.tsx
@@ -60,7 +60,7 @@ const TriggerButton = React.forwardRef(
  ) => {
  const ariaLabelButton = sub(
  Liferay.Language.get('select-a-language.-current-language-x'),
- selectedItem.displayName
+ selectedItem?.displayName
  );
 
  return displayType === DISPLAY_TYPE.HORIZONTAL ? (
@@ -73,10 +73,10 @@ const TriggerButton = React.forwardRef(
  size="sm"
  >
  <span className="inline-item-before">
- <ClayIcon symbol={selectedItem.symbol} />
+ <ClayIcon symbol={selectedItem?.symbol} />
  </span>
 
- <span aria-hidden="true">{selectedItem.label}</span>
+ <span aria-hidden="true">{selectedItem?.label}</span>
  </ClayButton>
  ) : (
  <ClayButton
@@ -90,11 +90,11 @@ const TriggerButton = React.forwardRef(
  title={Liferay.Language.get('select-a-language')}
  >
  <span className="inline-item">
- <ClayIcon symbol={selectedItem.symbol} />
+ <ClayIcon symbol={selectedItem?.symbol} />
  </span>
 
  <span aria-hidden="true" className="btn-section">
- {selectedItem.label}
+ {selectedItem?.label}
  </span>
  </ClayButton>
  );