diff --git a/src/components/node/NodeRelated/index.tsx b/src/components/node/NodeRelated/index.tsx index f119d9f2..4b246328 100644 --- a/src/components/node/NodeRelated/index.tsx +++ b/src/components/node/NodeRelated/index.tsx @@ -1,11 +1,11 @@ -import React, { FC } from 'react'; +import React, { FC, ReactElement } from 'react'; import * as styles from './styles.scss'; import { Group } from '~/components/containers/Group'; import { INode } from '~/redux/types'; import { NodeRelatedItem } from '~/components/node/NodeRelatedItem'; interface IProps { - title: string; + title: ReactElement | string; items: Partial[]; } diff --git a/src/components/node/NodeRelated/styles.scss b/src/components/node/NodeRelated/styles.scss index 1a47f904..2ffd5464 100644 --- a/src/components/node/NodeRelated/styles.scss +++ b/src/components/node/NodeRelated/styles.scss @@ -20,6 +20,11 @@ .title { @include title_with_line(); + + a { + text-decoration: none; + color: inherit; + } } .text { diff --git a/src/containers/node/NodeLayout/index.tsx b/src/containers/node/NodeLayout/index.tsx index 478a1837..a829eeab 100644 --- a/src/containers/node/NodeLayout/index.tsx +++ b/src/containers/node/NodeLayout/index.tsx @@ -20,6 +20,7 @@ import { NodeDeletedBadge } from '~/components/node/NodeDeletedBadge'; import { NodeCommentForm } from '~/components/node/NodeCommentForm'; import { Sticky } from '~/components/containers/Sticky'; import { Footer } from '~/components/main/Footer'; +import { Link } from 'react-router-dom'; import * as styles from './styles.scss'; import * as NODE_ACTIONS from '~/redux/node/actions'; @@ -216,7 +217,11 @@ const NodeLayoutUnconnected: FC = memo( .filter(album => related.albums[album].length > 0) .map(album => ( + {album} + + } items={related.albums[album]} key={album} />