From 983a93fc4a6317f730e5c0e5a3cdf7adbb1114e6 Mon Sep 17 00:00:00 2001
From: Navya Govind <ngovind@bol.com>
Date: Mon, 15 Jan 2024 13:26:47 +0100
Subject: [PATCH] better naming

Signed-off-by: Navya Govind <ngovind@bol.com>
---
 .../components/EntityOwnerPicker/EntityOwnerPicker.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/plugins/catalog-react/src/components/EntityOwnerPicker/EntityOwnerPicker.tsx b/plugins/catalog-react/src/components/EntityOwnerPicker/EntityOwnerPicker.tsx
index 6a4a6d2dd0..8876266db2 100644
--- a/plugins/catalog-react/src/components/EntityOwnerPicker/EntityOwnerPicker.tsx
+++ b/plugins/catalog-react/src/components/EntityOwnerPicker/EntityOwnerPicker.tsx
@@ -80,10 +80,10 @@ export type EntityOwnerPickerProps = {
   mode?: 'owners-only' | 'all';
 };
 
-function WrappedOption(props: { entity: Entity; isSelected: boolean }) {
+function RenderOptionLabel(props: { entity: Entity; isSelected: boolean }) {
   const classes = useStyles();
   const isGroup = props.entity.kind.toLocaleLowerCase('en-US') === 'group';
-  const { primaryTitle } = useEntityPresentation(props.entity);
+  const { primaryTitle: title } = useEntityPresentation(props.entity);
   return (
     <Box className={classes.fullWidth}>
       <FixedWidthFormControlLabel
@@ -97,7 +97,7 @@ function WrappedOption(props: { entity: Entity; isSelected: boolean }) {
         }
         onClick={event => event.preventDefault()}
         label={
-          <Tooltip title={primaryTitle}>
+          <Tooltip title={title}>
             <Box display="flex" alignItems="center">
               {isGroup ? (
                 <GroupIcon fontSize="small" />
@@ -106,7 +106,7 @@ function WrappedOption(props: { entity: Entity; isSelected: boolean }) {
               )}
               &nbsp;
               <Box className={classes.boxLabel}>
-                <Typography noWrap>{primaryTitle}</Typography>
+                <Typography noWrap>{title}</Typography>
               </Box>
             </Box>
           </Tooltip>
@@ -213,7 +213,7 @@ export const EntityOwnerPicker = (props?: EntityOwnerPickerProps) => {
           }}
           filterOptions={x => x}
           renderOption={(entity, { selected }) => {
-            return <WrappedOption entity={entity} isSelected={selected} />;
+            return <RenderOptionLabel entity={entity} isSelected={selected} />;
           }}
           size="small"
           popupIcon={<ExpandMoreIcon data-testid="owner-picker-expand" />}