2023-07-13 09:28:55 +00:00
import { FormattedMessage } from 'react-intl' ;
import { Link } from 'react-router-dom' ;
import background from 'mastodon/../images/friends-cropped.png' ;
import { DismissableBanner } from 'mastodon/components/dismissable_banner' ;
export const ExplorePrompt = ( ) = > (
< DismissableBanner id = 'home.explore_prompt' >
< img
src = { background }
alt = ''
className = 'dismissable-banner__background-image'
/ >
< h1 >
< FormattedMessage
id = 'home.explore_prompt.title'
defaultMessage = 'This is your home base within Mastodon.'
/ >
< / h1 >
< p >
< FormattedMessage
id = 'home.explore_prompt.body'
2023-07-27 14:51:02 +00:00
defaultMessage = "Your home feed will have a mix of posts from the hashtags you've chosen to follow, the people you've chosen to follow, and the posts they boost. If that feels too quiet, you may want to:"
2023-07-13 09:28:55 +00:00
/ >
< / p >
< div className = 'dismissable-banner__message__wrapper' >
< div className = 'dismissable-banner__message__actions' >
< Link to = '/explore' className = 'button' >
< FormattedMessage
id = 'home.actions.go_to_explore'
defaultMessage = "See what's trending"
/ >
< / Link >
< Link to = '/explore/suggestions' className = 'button button-tertiary' >
< FormattedMessage
id = 'home.actions.go_to_suggestions'
defaultMessage = 'Find people to follow'
/ >
< / Link >
< / div >
< / div >
< / DismissableBanner >
) ;