From 57a52f91d221fb935e28a42ff459c7dee615f919 Mon Sep 17 00:00:00 2001 From: Connor Shea Date: Sun, 27 Nov 2022 15:49:32 -0700 Subject: [PATCH] [Glitch] Make the 'Trending now' header a link to Explore. Port 2821d7aaa73f0a14470a7104962be6a5e563fc4e to glitch-soc Signed-off-by: Claire --- .../features/getting_started/components/trends.js | 7 ++++++- .../flavours/glitch/styles/components/index.scss | 10 +++++++--- 2 files changed, 13 insertions(+), 4 deletions(-) diff --git a/app/javascript/flavours/glitch/features/getting_started/components/trends.js b/app/javascript/flavours/glitch/features/getting_started/components/trends.js index ce4d94c647..d7e222d716 100644 --- a/app/javascript/flavours/glitch/features/getting_started/components/trends.js +++ b/app/javascript/flavours/glitch/features/getting_started/components/trends.js @@ -4,6 +4,7 @@ import PropTypes from 'prop-types'; import ImmutablePropTypes from 'react-immutable-proptypes'; import { ImmutableHashtag as Hashtag } from 'flavours/glitch/components/hashtag'; import { FormattedMessage } from 'react-intl'; +import { Link } from 'react-router-dom'; export default class Trends extends ImmutablePureComponent { @@ -36,7 +37,11 @@ export default class Trends extends ImmutablePureComponent { return (
-

+

+ + + +

{trends.take(3).map(hashtag => )}
diff --git a/app/javascript/flavours/glitch/styles/components/index.scss b/app/javascript/flavours/glitch/styles/components/index.scss index b00038afd6..80b0598a50 100644 --- a/app/javascript/flavours/glitch/styles/components/index.scss +++ b/app/javascript/flavours/glitch/styles/components/index.scss @@ -1051,12 +1051,16 @@ margin-top: 10px; h4 { + border-bottom: 1px solid lighten($ui-base-color, 8%); + padding: 10px; font-size: 12px; text-transform: uppercase; - color: $darker-text-color; - padding: 10px; font-weight: 500; - border-bottom: 1px solid lighten($ui-base-color, 8%); + + a { + color: $darker-text-color; + text-decoration: none; + } } @media screen and (max-height: 810px) {