From eb968a4e243c7c04e9a7ab7d6a7dd59a4523e8a5 Mon Sep 17 00:00:00 2001 From: "Kalle (Sendou)" <38327916+Sendouc@users.noreply.github.com> Date: Mon, 21 Dec 2020 14:41:03 +0200 Subject: [PATCH] add overfishing to menu --- components/layout/IconNavBar.tsx | 148 ++++++++++++++++------------- pages/styles.css | 8 ++ public/layout/overfishing_logo.png | Bin 0 -> 11300 bytes 3 files changed, 92 insertions(+), 64 deletions(-) create mode 100644 public/layout/overfishing_logo.png 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 0000000000000000000000000000000000000000..c69d2d729bdf710ad90305c26d6fd5d34fff6cdb GIT binary patch literal 11300 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 CeRa41 literal 0 HcmV?d00001