fix: missing link for post moderation external share (#3855)

dailydotdev · Nov 20, 2024 · 60dcacc · 60dcacc
1 parent 2ca2282
commit 60dcacc
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/packages/shared/src/components/modals/squads/PostModerationModal.tsx b/packages/shared/src/components/modals/squads/PostModerationModal.tsx
@@ -1,4 +1,5 @@
 import React, { ReactElement } from 'react';
+import Link from 'next/link';
 import { Modal, ModalProps } from '../common/Modal';
 import {
   Typography,
@@ -23,6 +24,8 @@ import { ModalClose } from '../common/ModalClose';
 import { SquadModerationItemContextMenu } from '../../squads/moderation/SquadModerationItemContextMenu';
 import { useSourceModerationList } from '../../../hooks/squads/useSourceModerationList';
 import { ProfileImageSize } from '../../ProfilePicture';
+import ConditionalWrapper from '../../ConditionalWrapper';
+import { anchorDefaultRel } from '../../../lib/strings';
 
 type ActionHandler = (ids: string[], sourceId: string) => void;
 
@@ -52,6 +55,7 @@ function PostModerationModal({
     contentHtml,
     sharedPost,
     source,
+    externalLink,
   } = data;
   const onReadArticle = useReadArticle({
     origin: Origin.ArticleModal,
@@ -103,7 +107,16 @@ function PostModerationModal({
           titleHtml={titleHtml || editPost?.titleHtml}
         />
         {!sharedPost && (image || editPost?.image) && (
-          <MarkdownPostImage imgSrc={image || editPost?.image} />
+          <ConditionalWrapper
+            condition={!!externalLink}
+            wrapper={(component) => (
+              <Link href={externalLink} target="_blank" rel={anchorDefaultRel}>
+                {component}
+              </Link>
+            )}
+          >
+            <MarkdownPostImage imgSrc={image || editPost?.image} />
+          </ConditionalWrapper>
         )}
         {!!contentHtml?.length && (
           <Markdown className="!mt-0" content={contentHtml} />

diff --git a/packages/shared/src/graphql/squads.ts b/packages/shared/src/graphql/squads.ts
@@ -610,6 +610,7 @@ const SOURCE_POST_MODERATION_FRAGMENT = gql`
     contentHtml
     image
     createdAt
+    externalLink
     source {
       ...SourceBaseInfo
     }