import Trends from 'mastodon/features/getting_started/containers/trends_container';
import { showTrends } from 'mastodon/initial_state';
import { Link } from 'react-router-dom';

export const NavigationPortal: React.FC = () => (
  <div className='navigation-panel__portal'>
    {/* Existing Trends section */}
    {showTrends && <Trends />}

    {/* Add Local Top tab */}
    <Link to='/timelines/local_top' className='column-link'>
      <i className='fa fa-fire' /> 
      <span>Local Top</span>
    </Link>
  </div>
);