fix: new yearn logo (#139)

.github/workflows/release.yml

@@ -23,7 +23,7 @@ jobs:
       - name: "Setup Node.js"
         uses: actions/setup-node@v3
         with:
-          node-version: "17"
+          node-version: "18"
           cache: "yarn"
 
       - name: "Install dependencies"

.husky/commit-msg

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-npx --no-install commitlint --edit $1
+npx --no-install commitlint --edit "$1"

.husky/pre-commit

@@ -1,5 +1,6 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
+# shellcheck disable=SC2034
 CI="1"
-npx lint-staged
+npx lint-staged

src/components/ModeToggle.tsx

@@ -1,20 +1,23 @@
-import React, {useCallback, useEffect} from "react";
-import {BiMoon, BiSun} from "react-icons/bi";
-import {useTheme} from "next-themes";
+import React, { useCallback, useEffect } from "react";
+import { BiMoon, BiSun } from "react-icons/bi";
+import { useTheme } from "next-themes";
 
 export default function ModeToggle() {
-  const {theme, setTheme} = useTheme();
+  const { theme, setTheme } = useTheme();
 
-  const setAndStoreTheme = useCallback((theme: "light" | "dark") => {
-    window.localStorage.colorTheme = theme;
-    setTheme(theme);
-  }, [theme]);
+  const setAndStoreTheme = useCallback(
+    (theme: "light" | "dark") => {
+      window.localStorage.colorTheme = theme;
+      setTheme(theme);
+    },
+    [setTheme]
+  );
 
   useEffect(() => {
     if (!window.localStorage.colorTheme) {
       setAndStoreTheme(window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
     }
-  }, []);
+  }, [setAndStoreTheme]);
 
   const handleToggle = () => {
     setAndStoreTheme(theme === "dark" ? "light" : "dark");
@@ -24,13 +27,11 @@ export default function ModeToggle() {
     <button
       type="button"
       aria-label="Toggle dark mode"
-      className="group rounded-md border-2 border-pink-700 dark:border-pink-500 px-4 py-2 font-bold font-medium text-pink-700 shadow-sm transition-all md:hover:bg-pink-700 dark:md:hover:bg-pink-500 md:hover:text-white md:hover:shadow-md rounded-full dark:bg-transparent px-3 py-2 shadow-lg shadow-zinc-800/5 transition"
+      className="group rounded-full border-2 border-pink-700 px-3 py-2 font-medium text-pink-700 shadow-lg shadow-zinc-800/5 transition-all dark:border-pink-500 dark:bg-transparent md:hover:bg-pink-700 md:hover:text-white md:hover:shadow-md dark:md:hover:bg-pink-500"
       onClick={handleToggle}
     >
-      <BiSun
-        className="h-6 w-6 fill-pink-700 stroke-zinc-500 transition group-hover:fill-zinc-200 group-hover:stroke-zinc-700 dark:hidden dark:fill-teal-50 dark:stroke-teal-500 dark:group-hover:fill-teal-50 dark:group-hover:stroke-teal-600"/>
-      <BiMoon
-        className="hidden h-6 w-6 fill-pink-500 stroke-zinc-500 transition dark:block dark:group-hover:stroke-zinc-400 group-hover:fill-teal-50"/>
+      <BiSun className="h-6 w-6 fill-pink-700 stroke-zinc-500 transition group-hover:fill-zinc-200 group-hover:stroke-zinc-700 dark:hidden dark:fill-teal-50 dark:stroke-teal-500 dark:group-hover:fill-teal-50 dark:group-hover:stroke-teal-600" />
+      <BiMoon className="hidden h-6 w-6 fill-pink-500 stroke-zinc-500 transition group-hover:fill-teal-50 dark:block dark:group-hover:stroke-zinc-400" />
     </button>
   );
 }

src/content/alliance.json

@@ -32,7 +32,7 @@
     "name": "Sommelier Finance",
     "website": "https://www.sommelier.finance",
     "twitter": "sommfinance",
-    "logo": "sommelier.svg"
+    "logo": "sommelier.png"
   },
   {
     "content": "Alchemix is a future-yield-backed synthetic asset protocol and community DAO.",

src/content/supporters.json

@@ -184,7 +184,7 @@
       "title": "THORSwap"
     },
     {
-      "src": "yearn.finance.svg",
+      "src": "yearn.svg",
       "title": "Yearn Finance",
       "url": {
         "web": "https://yearn.finance"