diff --git a/web/components/nav/sidebar.tsx b/web/components/nav/sidebar.tsx index 998757b9..83edbd34 100644 --- a/web/components/nav/sidebar.tsx +++ b/web/components/nav/sidebar.tsx @@ -7,6 +7,7 @@ import { HeartIcon, TrendingUpIcon, ChatIcon, + ExternalLinkIcon, } from '@heroicons/react/outline' import clsx from 'clsx' import Link from 'next/link' @@ -40,7 +41,7 @@ function getNavigation() { icon: NotificationsIcon, }, - { name: 'Leaderboards', href: '/leaderboards', icon: TrendingUpIcon }, + { name: 'Leaderboard', href: '/leaderboards', icon: TrendingUpIcon }, ...(IS_PRIVATE_MANIFOLD ? [] @@ -51,6 +52,10 @@ function getNavigation() { function getMoreNavigation(user?: User | null) { if (IS_PRIVATE_MANIFOLD) { return [ + { + name: 'Rules', + href: 'https://www.cspicenter.com/p/introducing-the-salemcspi-forecasting', + }, { name: 'Discord', href: 'https://discord.gg/ZtT7PxapSS' }, { name: 'Manifold Markets', href: 'https://manifold.markets' }, { @@ -115,13 +120,22 @@ const signedOutNavigation = [ const signedOutMobileNavigation = IS_PRIVATE_MANIFOLD ? [ - { name: 'Leaderboards', href: '/leaderboards', icon: TrendingUpIcon }, - + { name: 'Leaderboard', href: '/leaderboards', icon: TrendingUpIcon }, + { + name: 'Rules', + href: 'https://www.cspicenter.com/p/introducing-the-salemcspi-forecasting', + icon: BookOpenIcon, + }, { name: 'Discord', href: 'https://discord.gg/ZtT7PxapSS', icon: ChatIcon, }, + { + name: 'Manifold Markets', + href: 'https://manifold.markets', + icon: ExternalLinkIcon, + }, ] : [ { name: 'Charity', href: '/charity', icon: HeartIcon }, @@ -134,9 +148,25 @@ const signedOutMobileNavigation = IS_PRIVATE_MANIFOLD ] const signedInMobileNavigation = [ - { name: 'Leaderboards', href: '/leaderboards', icon: TrendingUpIcon }, + { name: 'Leaderboard', href: '/leaderboards', icon: TrendingUpIcon }, ...(IS_PRIVATE_MANIFOLD - ? [] + ? [ + { + name: 'Rules', + href: 'https://www.cspicenter.com/p/introducing-the-salemcspi-forecasting', + icon: BookOpenIcon, + }, + { + name: 'Discord', + href: 'https://discord.gg/ZtT7PxapSS', + icon: ChatIcon, + }, + { + name: 'Manifold Markets', + href: 'https://manifold.markets', + icon: ExternalLinkIcon, + }, + ] : [ { name: 'Get M$', href: '/add-funds', icon: CashIcon }, { @@ -150,10 +180,7 @@ const signedInMobileNavigation = [ function getMoreMobileNav() { return [ ...(IS_PRIVATE_MANIFOLD - ? [ - { name: 'Manifold Markets', href: 'https://manifold.markets' }, - { name: 'Discord', href: 'https://discord.gg/ZtT7PxapSS' }, - ] + ? [] : CHALLENGES_ENABLED ? [ { name: 'Challenges', href: '/challenges' }, diff --git a/web/pages/leaderboards.tsx b/web/pages/leaderboards.tsx index 433b18f1..ae58dec6 100644 --- a/web/pages/leaderboards.tsx +++ b/web/pages/leaderboards.tsx @@ -3,7 +3,6 @@ import { Leaderboard } from 'web/components/leaderboard' import { Page } from 'web/components/page' import { User, getFirstDayProfit, listAllUsers } from 'web/lib/firebase/users' import { useEffect, useState } from 'react' -import { Title } from 'web/components/title' import { useTracking } from 'web/hooks/use-tracking' import { SEO } from 'web/components/SEO' import { sortBy } from 'lodash' @@ -60,11 +59,10 @@ export default function Leaderboards(_props: { topTraders: User[] }) { return ( - <Col className="mx-4 max-w-sm items-center gap-10 lg:flex-row"> <Leaderboard