diff options
| author | Connor Shea <connor.james.shea@gmail.com> | 2022-11-27 15:49:32 -0700 |
|---|---|---|
| committer | Claire <claire.github-309c@sitedethib.com> | 2022-11-28 11:59:00 +0100 |
| commit | f51990bd62f434f377b5bbcbaa0ea205a87af403 (patch) | |
| tree | 9ea5aa74454bee29bf7be75c516e269fae296440 | |
| parent | 98c5ca1037d4058e4666606b0ee319a825b7c904 (diff) | |
[Glitch] Make the 'Trending now' header a link to Explore.
Port cec1e902e006730f68bde0a4334e5b819a12a475 to glitch-soc Signed-off-by: Claire <claire.github-309c@sitedethib.com>
| -rw-r--r-- | app/javascript/flavours/glitch/features/getting_started/components/trends.js | 7 | ||||
| -rw-r--r-- | app/javascript/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 ce4d94c64..d7e222d71 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 ( <div className='getting-started__trends'> - <h4><FormattedMessage id='trends.trending_now' defaultMessage='Trending now' /></h4> + <h4> + <Link to={'/explore/tags'}> + <FormattedMessage id='trends.trending_now' defaultMessage='Trending now' /> + </Link> + </h4> {trends.take(3).map(hashtag => <Hashtag key={hashtag.get('name')} hashtag={hashtag} />)} </div> diff --git a/app/javascript/flavours/glitch/styles/components/index.scss b/app/javascript/flavours/glitch/styles/components/index.scss index b00038afd..80b0598a5 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) { |