diff --git a/components/layout/IconNavBar.tsx b/components/layout/IconNavBar.tsx index 21b80d41d..f486ac956 100644 --- a/components/layout/IconNavBar.tsx +++ b/components/layout/IconNavBar.tsx @@ -22,11 +22,13 @@ import Link from "next/link"; export const navIcons: { code: string; displayName: string; - menuItems: { - code: string; - displayName: string; - toAppend?: string; - }[]; + menuItems: ( + | { + code: string; + displayName: string; + } + | { component: React.ReactNode; code: string } + )[]; }[] = [ { code: "xsearch", @@ -48,6 +50,24 @@ export const navIcons: { { code: "sr/leaderboards", displayName: t`Leaderboards` }, { code: "sr/guide/fundamentals", displayName: t`Guide (Fundamentals)` }, { code: "sr/guide/advanced", displayName: t`Guide (Advanced)` }, + { + component: ( + + + + + + Overfishing Discord + + + ), + code: "overfishing", + }, ], }, { @@ -69,12 +89,6 @@ export const navIcons: { { code: "plus/voting", displayName: t`Voting`, - toAppend: - ": " + - getFirstFridayDate().toLocaleString("default", { - month: "short", - day: "numeric", - }), }, { code: "plus", displayName: t`Suggested and vouched players` }, { code: "plus/history", displayName: t`Voting history` }, @@ -128,42 +142,48 @@ const IconNavBar = () => { - {menuItems.map((item) => ( - - - - {pathname === "/" + item.code ? ( - - ) : ( - - )} - - - - - - - ))} + {menuItems.map((item) => { + if ("component" in item) + return ( + {item.component} + ); + return ( + + + + {pathname === "/" + item.code ? ( + + ) : ( + + )} + + + + + + + ); + })} @@ -234,26 +254,26 @@ const IconNavBar = () => { } }; -function getFirstFridayDate() { - const today = new Date(); - const month = - today.getDate() - ((1 + today.getDay()) % 7) <= 0 - ? today.getMonth() - : today.getMonth() + 1; +// function getFirstFridayDate() { +// const today = new Date(); +// const month = +// today.getDate() - ((1 + today.getDay()) % 7) <= 0 +// ? today.getMonth() +// : today.getMonth() + 1; - let day = 1; - while (day <= 7) { - const dateOfVoting = new Date( - Date.UTC(today.getFullYear(), month, day, 15, 0, 0) - ); +// let day = 1; +// while (day <= 7) { +// const dateOfVoting = new Date( +// Date.UTC(today.getFullYear(), month, day, 15, 0, 0) +// ); - if (dateOfVoting.getDay() === 5) return dateOfVoting; +// if (dateOfVoting.getDay() === 5) return dateOfVoting; - day++; - } +// day++; +// } - console.error("Couldn't resolve first friday of the month for voting"); - return new Date(2000, 1, 1); -} +// console.error("Couldn't resolve first friday of the month for voting"); +// return new Date(2000, 1, 1); +// } export default IconNavBar; diff --git a/pages/styles.css b/pages/styles.css index eeeed4bfe..54a494def 100644 --- a/pages/styles.css +++ b/pages/styles.css @@ -63,3 +63,11 @@ background-position: 0% 82%; } } + +/* +For Next.JS image +*/ + +.rounded { + border-radius: 50%; +} diff --git a/public/layout/overfishing_logo.png b/public/layout/overfishing_logo.png new file mode 100644 index 000000000..c69d2d729 Binary files /dev/null and b/public/layout/overfishing_logo.png differ