update sponsors

Author: MakinoharaShoko

app/[locale]/components/Navbar/Nav.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { RiMenuFill } from 'react-icons/ri'
 import styles from './Nav.module.css'
 import Link from 'next/link'
@@ -44,4 +46,4 @@ const Nav = ({ locale, pathname }: { locale: string, pathname: string }) => {
   )
 }
 
-export default Nav
+export default Nav

app/[locale]/layout.tsx

@@ -1,5 +1,6 @@
 import { Noto_Sans_SC } from 'next/font/google'
 import { NextIntlClientProvider } from 'next-intl'
+import { unstable_setRequestLocale } from 'next-intl/server'
 import { notFound } from 'next/navigation'
 import { i18n } from '../../i18n'
 import Footer from './components/Footer/Footer'
@@ -17,6 +18,7 @@ export function generateStaticParams() {
 
 export default async function LangLayout({ children, params: { locale } }
   : { children: React.ReactNode, params: { locale: string } }) {
+  unstable_setRequestLocale(locale)
 
   let locales
   try {

components/PersonsCard/PersonsCard.tsx

@@ -33,7 +33,7 @@ const PersonsCard = ({ persons, title, avatar }: { persons: Person[], title?: st
                 height={avatarSize}
                 title={person.name}
                 alt={person.name}
-                className={'rounded-full drop-shadow-sm '}
+                className={`${person.rounded === false ? '' : 'rounded-full '}drop-shadow-sm`}
               />
             </Link>
           </div>
@@ -43,4 +43,4 @@ const PersonsCard = ({ persons, title, avatar }: { persons: Person[], title?: st
   )
 }
 
-export default PersonsCard
+export default PersonsCard

data/sponsors.ts

@@ -3,6 +3,12 @@ import {Sponsors} from '@/types'
 export const sponsors: Sponsors = {
   special: null,
   platinum: [
+    {
+      name: 'Mulerun',
+      avatarUrl: '/images/sponsors/mulerun.svg',
+      url: 'https://mulerun.com/?utm_source=openwebgal&utm_medium=referral&utm_campaign=openwebgal',
+      rounded: false,
+    },
     {
       name: 'AnyMate',
       avatarUrl: '/images/sponsors/any-mate.png',

hooks/useRedirect.ts

@@ -1,3 +1,5 @@
+'use client'
+
 import { useLocale } from 'next-intl'
 
 const useRedirect = () => {

i18n-request.ts

@@ -0,0 +1,12 @@
+import { getRequestConfig } from 'next-intl/server'
+import { i18n } from './i18n'
+
+export default getRequestConfig(async ({ locale }) => {
+  const resolvedLocale = i18n.locales.some((item) => item.code === locale)
+    ? locale
+    : i18n.defaultLocale
+
+  return {
+    messages: (await import(`./locales/${resolvedLocale}.json`)).default,
+  }
+})

i18n.ts

@@ -5,4 +5,4 @@ export const i18n = {
     { lang: '日本语', code: 'ja' }
   ],
   defaultLocale: 'en',
-}
+}

next.config.js

@@ -1,3 +1,5 @@
+const withNextIntl = require('next-intl/plugin')('./i18n-request.ts')
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   // 静态导出
@@ -11,4 +13,4 @@ const nextConfig = {
   },
 }
 
-module.exports = nextConfig
+module.exports = withNextIntl(nextConfig)

public/images/sponsors/mulerun.svg

@@ -24,6 +24,7 @@ export type Person = {
   name: string,
   avatarUrl: string,
   url: string,
+  rounded?: boolean,
 }
 
 export type Sponsors = {
@@ -52,4 +53,4 @@ export type Post = {
 export type PostListItem = {
   slug: string,
   data: PostData,
-}
+}