fix*share): ci check

Signed-off-by: Sudhanshu Dasgupta <[email protected]>

Author: sudhanshutech

src/custom/CatalogDetail/OverviewSection.tsx

@@ -23,6 +23,8 @@ interface OverviewSectionProps {
   fontFamily?: string;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   userProfile?: any;
+  showShareAction: boolean;
+  handleShare: () => void;
 }
 
 const OverviewSection: React.FC<OverviewSectionProps> = ({
@@ -37,7 +39,9 @@ const OverviewSection: React.FC<OverviewSectionProps> = ({
   classes,
   handleCopyUrl,
   fontFamily,
-  userProfile
+  userProfile,
+  showShareAction,
+  handleShare
 }) => {
   return (
     <OverviewContainer>
@@ -58,6 +62,8 @@ const OverviewSection: React.FC<OverviewSectionProps> = ({
           title={title}
           getUrl={getUrl}
           handleCopyUrl={handleCopyUrl}
+          showShareAction={showShareAction}
+          handleShare={handleShare}
         />
       </div>
       <Grid container spacing={2}>

src/custom/CatalogDetail/RightPanel.tsx

@@ -26,6 +26,8 @@ interface RightPanelProps {
   technologySVGSubpath: string;
   orgName: string;
   fetchingOrgError: boolean;
+  showShareAction: boolean;
+  handleShare: () => void;
 }
 
 const RightPanel: React.FC<RightPanelProps> = ({
@@ -47,7 +49,9 @@ const RightPanel: React.FC<RightPanelProps> = ({
   technologySVGPath,
   technologySVGSubpath,
   orgName,
-  fetchingOrgError
+  fetchingOrgError,
+  showShareAction,
+  handleShare
 }) => {
   const cleanedType = type.replace('my-', '').replace(/s$/, '');
   const { data: userProfile } = useGetUserProfileByIdQuery({
@@ -69,6 +73,8 @@ const RightPanel: React.FC<RightPanelProps> = ({
         handleCopyUrl={handleCopyUrl}
         fontFamily={fontFamily}
         userProfile={userProfile}
+        showShareAction={showShareAction}
+        handleShare={handleShare}
       />
       {showCaveats && <CaveatsSection details={details} />}
       <RelatedDesigns

src/custom/CatalogDetail/SocialSharePopper.tsx

@@ -6,7 +6,7 @@ import { useTheme } from '../../theme';
 import { Pattern } from '../CustomCatalog/CustomCard';
 import { CustomTooltip } from '../CustomTooltip';
 import { ErrorBoundary } from '../ErrorBoundary';
-import { CopyShareIconWrapper, VisibilityChip } from './style';
+import { ActionButton, CopyShareIconWrapper, VisibilityChip } from './style';
 
 interface SocialSharePopperProps {
   details: Pattern;
@@ -15,6 +15,8 @@ interface SocialSharePopperProps {
   title: string;
   getUrl: (type: string, id: string) => string;
   handleCopyUrl: (type: string, name: string, id: string) => void;
+  showShareAction: boolean;
+  handleShare: () => void;
 }
 
 const SocialSharePopper: React.FC<SocialSharePopperProps> = ({
@@ -23,7 +25,9 @@ const SocialSharePopper: React.FC<SocialSharePopperProps> = ({
   cardId,
   title,
   getUrl,
-  handleCopyUrl
+  handleCopyUrl,
+  showShareAction,
+  handleShare
 }) => {
   const theme = useTheme();
   const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
@@ -50,15 +54,26 @@ const SocialSharePopper: React.FC<SocialSharePopperProps> = ({
           {details?.visibility}
         </VisibilityChip>
 
-        {details?.visibility !== 'private' && (
-          <CustomTooltip title="Copy Link" placement="top" arrow>
-            <IconButton
-              sx={{ borderRadius: '0.1rem', padding: '0.5rem' }}
-              onClick={() => handleCopyUrl(cleanedType, details?.name, details?.id)}
-            >
+        {showShareAction ? (
+          <CustomTooltip title="Share" placement="top" arrow>
+            <ActionButton sx={{ borderRadius: '0.1rem', padding: '0.5rem' }} onClick={handleShare}>
               <ChainIcon height={'24'} width={'24'} fill={theme.palette.icon.secondary} />
-            </IconButton>
+              Share
+            </ActionButton>
           </CustomTooltip>
+        ) : (
+          <>
+            {details?.visibility !== 'private' && (
+              <CustomTooltip title="Copy Link" placement="top" arrow>
+                <IconButton
+                  sx={{ borderRadius: '0.1rem', padding: '0.5rem' }}
+                  onClick={() => handleCopyUrl(cleanedType, details?.name, details?.id)}
+                >
+                  <ChainIcon height={'24'} width={'24'} fill={theme.palette.icon.secondary} />
+                </IconButton>
+              </CustomTooltip>
+            )}
+          </>
         )}
 
         {(details?.visibility === 'published' || details?.visibility === 'public') && (

src/custom/ShareModal/ShareModal.tsx

@@ -15,7 +15,7 @@ import { ChainIcon, DeleteIcon, LockIcon, PublicIcon } from '../../icons';
 import { useTheme } from '../../theme';
 import { BLACK, WHITE } from '../../theme/colors';
 import { Modal, ModalBody, ModalButtonPrimary, ModalButtonSecondary, ModalFooter } from '../Modal';
-import { UserSearchField } from '../UserSearchField';
+import UserShareSearch from '../UserSearchField/UserSearchField';
 import {
   CustomDialogContentText,
   CustomListItemText,
@@ -224,7 +224,7 @@ const ShareModal: React.FC<ShareModalProps> = ({
         title={`Share ${dataName} "${selectedResource?.name}"`}
       >
         <ModalBody>
-          <UserSearchField
+          <UserShareSearch
             setUsersData={setShareUserData}
             usersData={shareUserData}
             label="Search Users"
@@ -293,7 +293,7 @@ const ShareModal: React.FC<ShareModalProps> = ({
             style={{ marginRight: '1rem', padding: '7px 16px' }}
           >
             <IconButtonWrapper>
-              <ChainIcon width={24} height={24} fill={theme.palette.text.constant?.white} />
+              <ChainIcon width="24" height="24" fill={theme.palette.text.constant?.white} />
             </IconButtonWrapper>
             <Typography>Copy Link</Typography>
           </ModalButtonSecondary>

src/custom/UserSearchField/UserSearchField.tsx

@@ -41,7 +41,7 @@ interface UserSearchFieldProps {
   fetchSuggestions: (value: string) => Promise<User[]>;
 }
 
-const UserSearchField: React.FC<UserSearchFieldProps> = ({
+const UserShareSearch: React.FC<UserSearchFieldProps> = ({
   usersData,
   setUsersData,
   label,
@@ -234,4 +234,4 @@ const UserSearchField: React.FC<UserSearchFieldProps> = ({
   );
 };
 
-export default UserSearchField;
+export default UserShareSearch;