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) => (
-
-
-
-
-
- ))}
+ {menuItems.map((item) => {
+ if ("component" in item)
+ return (
+
+ );
+ return (
+
+
+
+
+
+ );
+ })}
@@ -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