diff --git a/src/custom/CatalogDetail/LeftPanel.tsx b/src/custom/CatalogDetail/LeftPanel.tsx index 70ed50d2..0fe0b63d 100644 --- a/src/custom/CatalogDetail/LeftPanel.tsx +++ b/src/custom/CatalogDetail/LeftPanel.tsx @@ -70,7 +70,7 @@ const LeftPanel: React.FC = ({ imgURL={details?.catalog_data?.imageURL} height={'100%'} width={'100%'} - zoomEffect={false} + zoomEffect={true} type={{ type: type }} /> diff --git a/src/custom/CatalogDetail/RelatedDesigns.tsx b/src/custom/CatalogDetail/RelatedDesigns.tsx index d1ed6726..9449f21f 100644 --- a/src/custom/CatalogDetail/RelatedDesigns.tsx +++ b/src/custom/CatalogDetail/RelatedDesigns.tsx @@ -16,6 +16,8 @@ interface RelatedDesignsProps { userProfile?: UserProfile; technologySVGPath: string; technologySVGSubpath: string; + orgName: string; + fetchingOrgError: boolean; } const RelatedDesigns: React.FC = ({ @@ -25,7 +27,9 @@ const RelatedDesigns: React.FC = ({ onSuggestedPatternClick, userProfile, technologySVGPath, - technologySVGSubpath + technologySVGSubpath, + orgName, + fetchingOrgError }) => { const filteredPatternsPerUser = patternsPerUser?.patterns?.filter( (pattern) => pattern.id !== details.id @@ -37,7 +41,8 @@ const RelatedDesigns: React.FC = ({

- Other published design by {formatToTitleCase(userProfile?.first_name ?? '')} + Other published design by {formatToTitleCase(userProfile?.first_name ?? '')}{' '} + {fetchingOrgError ? '' : `under ${orgName}`}

diff --git a/src/custom/CatalogDetail/RightPanel.tsx b/src/custom/CatalogDetail/RightPanel.tsx index 5fc88f1f..24d52f07 100644 --- a/src/custom/CatalogDetail/RightPanel.tsx +++ b/src/custom/CatalogDetail/RightPanel.tsx @@ -24,6 +24,8 @@ interface RightPanelProps { fontFamily?: string; technologySVGPath: string; technologySVGSubpath: string; + orgName: string; + fetchingOrgError: boolean; } const RightPanel: React.FC = ({ @@ -43,7 +45,9 @@ const RightPanel: React.FC = ({ fontFamily, useGetUserProfileByIdQuery, technologySVGPath, - technologySVGSubpath + technologySVGSubpath, + orgName, + fetchingOrgError }) => { const cleanedType = type.replace('my-', '').replace(/s$/, ''); const { data: userProfile } = useGetUserProfileByIdQuery({ @@ -69,6 +73,8 @@ const RightPanel: React.FC = ({ {showCaveats && } = ({ details, showVersion = true, userPr <> CREATED BY - + + (({ disabled = fa flex: '1' })); -export const ContentDetailsText = styled(Typography)(({ theme }) => ({ +export const ContentDetailsText = styled(Typography)(({ theme, style }) => ({ fontFamily: 'inherit', fontSize: '1rem', color: theme.palette.text.default, ['@media (min-width:1200px)']: { fontSize: '1' - } + }, + ...style })); export const ContentHeading = styled('div')(() => ({