feat: adding an ad

Author: KUN1007

.vscode/settings.json

@@ -35,13 +35,15 @@
     "dlogo",
     "dompurify",
     "dups",
+    "DZMM",
     "esbenp",
     "esno",
     "extlinks",
     "formulahendry",
     "frontmatter",
     "Frontwing",
     "Galgame",
+    "Galgamer",
     "galgames",
     "ggbases",
     "GIGA",
@@ -83,6 +85,7 @@
     "moemoepoint",
     "Moemoepoints",
     "moyu",
+    "moyumoe",
     "mtxr",
     "nextui",
     "nocheck",

app/api/resource/detail/route.ts

@@ -134,7 +134,6 @@ export const getPatchResourceDetail = async (
       }
     }
   })
-
   if (!resource || !resource.patch) {
     return '未找到对应的资源'
   }

app/patch/[id]/resource/actions.ts

@@ -17,5 +17,5 @@ export const kunGetActions = async (params: z.infer<typeof patchIdSchema>) => {
   const payload = await verifyHeaderCookie()
 
   const response = await getPatchResource(input, payload?.uid ?? 0)
-  return response
+  return { response, payload }
 }

app/patch/[id]/resource/page.tsx

@@ -1,11 +1,11 @@
-import { Alert } from '@heroui/alert'
-import { Card, CardBody, CardHeader } from '@heroui/card'
 import { Link } from '@heroui/link'
 import { Resources } from '~/components/patch/resource/Resource'
 import { generateKunMetadataTemplate } from './metadata'
 import { kunGetPatchActions } from '../actions'
 import { kunGetActions } from './actions'
 import { ErrorComponent } from '~/components/error/ErrorComponent'
+import { Image } from '@heroui/image'
+import { kunMoyuMoe } from '~/config/moyu-moe'
 import type { Metadata } from 'next'
 
 export const revalidate = 5
@@ -25,7 +25,7 @@ export const generateMetadata = async ({
     return {}
   }
 
-  return generateKunMetadataTemplate(patch, response)
+  return generateKunMetadataTemplate(patch, response.response)
 }
 
 export default async function Kun({
@@ -65,13 +65,18 @@ export default async function Kun({
               御爱同萌
             </Link>
           </p>
-          <p>
-            如果您点赞了游戏资源, 那么将会收到这个游戏下载资源的更新通知
-            (资源下载链接更新和备注更新)
-          </p>
         </div>
 
-        <Resources initialResources={response} id={Number(id)} />
+        {(!response.payload || response.payload.role < 2) && (
+          <Link target="_blank" href={kunMoyuMoe.ad[0].url}>
+            <Image
+              className="pointer-events-none select-none"
+              src="/a/moyumoe1.avif"
+            />
+          </Link>
+        )}
+
+        <Resources initialResources={response.response} id={Number(id)} />
       </div>
     </div>
   )

app/resource/[id]/actions.ts

@@ -19,6 +19,6 @@ export const kunGetResourceDetailActions = cache(
     const payload = await verifyHeaderCookie()
 
     const response = await getPatchResourceDetail(input, payload?.uid ?? 0)
-    return response
+    return { response, payload }
   }
 )

app/resource/[id]/page.tsx

@@ -17,11 +17,11 @@ export const generateMetadata = async ({
   const detail = await kunGetResourceDetailActions({
     resourceId: Number(id)
   })
-  if (typeof detail === 'string') {
+  if (typeof detail === 'string' || typeof detail.response === 'string') {
     return {}
   }
 
-  return generateKunResourceMetadata(detail)
+  return generateKunResourceMetadata(detail.response)
 }
 
 export default async function Kun({ params }: Props) {
@@ -33,6 +33,9 @@ export default async function Kun({ params }: Props) {
   if (typeof detail === 'string') {
     return <ErrorComponent error={detail} />
   }
+  if (typeof detail.response === 'string') {
+    return <ErrorComponent error={detail.response} />
+  }
 
-  return <KunResourceDetail detail={detail} />
+  return <KunResourceDetail detail={detail.response} payload={detail.payload} />
 }

components/about/Header.tsx

@@ -9,7 +9,10 @@ import { KunHeader } from '../kun/Header'
 export const KunAboutHeader = () => {
   return (
     <div className="mb-8 space-y-6">
-      <KunHeader name="关于我们" description="开源 Galgame 补丁资源下载站" />
+      <KunHeader
+        name="关于我们"
+        description="鲲 Galgame 补丁是一个开源, 免费, 零门槛, 纯手写, 最先进的 Galgame 补丁资源下载站"
+      />
 
       {/* <Input
         classNames={{

components/kun/top-bar/KunMobileMenu.tsx

@@ -6,7 +6,8 @@ import Link from 'next/link'
 import Image from 'next/image'
 import { kunMoyuMoe } from '~/config/moyu-moe'
 import { kunMobileNavItem } from '~/constants/top-bar'
-import { RandomGalgameButton } from './RandomGalgameButton'
+import { Divider } from '@heroui/react'
+import { Heart } from 'lucide-react'
 
 export const KunMobileMenu = () => {
   return (
@@ -37,8 +38,25 @@ export const KunMobileMenu = () => {
         </NavbarMenuItem>
       ))}
 
+      <Divider className="my-3" />
+
       <NavbarMenuItem>
-        <RandomGalgameButton variant="flat" color="primary" />
+        <div className="space-y-2">
+          <p>为什么现在的 AI 比人还要 H</p>
+          <Link
+            className="flex items-center gap-2"
+            color="secondary"
+            href="https://s.iloveren.link/s/moyumoe1"
+          >
+            <img
+              src="/a/moyumoe1-button.avif"
+              className="h-11 dark:opacity-80"
+            />
+            <span className="gap-2 flex items-center text-lg text-secondary px-4 py-2 rounded-2xl bg-secondary/15">
+              尝试一下 AI 女友
+            </span>
+          </Link>
+        </div>
       </NavbarMenuItem>
     </NavbarMenu>
   )

components/kun/top-bar/TopBar.tsx

@@ -1,6 +1,5 @@
 'use client'
 
-import Link from 'next/link'
 import { KunTopBarBrand } from './Brand'
 import { KunTopBarUser } from './User'
 import { usePathname } from 'next/navigation'
@@ -10,22 +9,22 @@ import { useEffect, useState } from 'react'
 import {
   Navbar,
   NavbarContent,
-  NavbarItem,
   NavbarMenuToggle,
-  Button,
+  Link,
   Tooltip
 } from '@heroui/react'
 import {
-  ChevronDown,
   Building2,
   Gamepad2,
   Puzzle,
   Tags,
   BookUser,
   Clapperboard,
-  ChartColumnBig
+  ChartColumnBig,
+  Heart
 } from 'lucide-react'
 import { cn } from '~/utils/cn'
+import { kunMoyuMoe } from '~/config/moyu-moe'
 
 export const KunTopBar = () => {
   const pathname = usePathname()
@@ -105,7 +104,13 @@ export const KunTopBar = () => {
             </nav>
           }
         >
-          <Link href="/galgame" className="text-base">
+          <Link
+            href="/galgame"
+            className={cn(
+              'text-base',
+              pathname === '/galgame' ? 'text-primary' : 'text-foreground'
+            )}
+          >
             下载补丁
           </Link>
         </Tooltip>
@@ -123,6 +128,15 @@ export const KunTopBar = () => {
             {item.name}
           </Link>
         ))}
+
+        <Tooltip disableAnimation content="为什么现在的 AI 比人还要 H">
+          <Link color="secondary" className="gap-1" href={kunMoyuMoe.ad[0].url}>
+            <img
+              className="h-10 dark:opacity-80"
+              src="/a/moyumoe1-button.avif"
+            />
+          </Link>
+        </Tooltip>
       </div>
 
       <KunTopBarUser />

components/patch/header/BackgroundImage.tsx

@@ -19,7 +19,7 @@ export const PatchBackgroundImage = ({ patch }: Props) => {
           src={patch.banner}
           alt={getPreferredLanguageText(patch.name)}
           className={`object-cover w-full h-full transition-opacity duration-500 ${
-            imageLoaded ? 'opacity-20' : 'opacity-0'
+            imageLoaded ? 'opacity-5' : 'opacity-0'
           }`}
           fill
           sizes="100vw"