diff --git a/frontend-react/src/components/xsearch/Top500BrowserPage.tsx b/frontend-react/src/components/xsearch/Top500BrowserPage.tsx index 96c0029d5..d56d03a03 100644 --- a/frontend-react/src/components/xsearch/Top500BrowserPage.tsx +++ b/frontend-react/src/components/xsearch/Top500BrowserPage.tsx @@ -11,9 +11,9 @@ import { } from "../../graphql/queries/searchForPlacements" import WpnImage from "../common/WeaponImage" import { months, modesShort } from "../../utils/lists" -import { RouteComponentProps } from "@reach/router" +import { RouteComponentProps, Link } from "@reach/router" import { Helmet } from "react-helmet-async" -import { Box, Flex, Icon } from "@chakra-ui/core" +import { Box, Flex, Icon, Badge } from "@chakra-ui/core" import { Table, Thead, Tbody, Tr, Th, Td } from "react-super-responsive-table" import "react-super-responsive-table/dist/SuperResponsiveTableStyle.css" import { ordinal_suffix_of } from "../../utils/helperFunctions" @@ -125,6 +125,7 @@ const Top500BrowserPage: React.FC = () => { Mode Month Year + @@ -133,14 +134,9 @@ const Top500BrowserPage: React.FC = () => { { - setForms({ unique_id: placement.unique_id, page: 1 }) - setQuery( - { unique_id: placement.unique_id, page: 1 }, - "replace" - ) - }} + cursor={ + placement.player?.discord_id ? "pointer" : undefined + } > {placement.player?.twitter && ( = () => { - {placement.name} + {placement.player?.discord_id ? ( + + {placement.name} + + ) : ( + <>{placement.name} + )} @@ -184,6 +191,20 @@ const Top500BrowserPage: React.FC = () => { {months[placement.month]} {placement.year} + + { + setForms({ unique_id: placement.unique_id, page: 1 }) + setQuery( + { unique_id: placement.unique_id, page: 1 }, + "replace" + ) + }} + > + ID + + ))}