feat: 新增「喝什么」场景,支持奶茶/咖啡/酒吧等饮品店搜索

引入场景系统(SceneType),首页增加「吃什么」「喝什么」切换 Tab,
不同场景使用不同的高德 POI 类型、热门标签、价格区间和全链路文案。
场景信息存储在房间数据中,邀请/分享/匹配结果等页面自动适配。
This commit is contained in:
2026-02-25 01:12:44 +08:00
parent 6866b70278
commit c86a6c0909
13 changed files with 197 additions and 47 deletions
+9 -2
View File
@@ -10,8 +10,11 @@ import {
Sparkles,
ChevronRight,
Loader2,
Coffee,
} from "lucide-react";
import { getUserId } from "@/lib/userId";
import { getSceneConfig } from "@/lib/sceneConfig";
import type { SceneType } from "@/types";
export default function InvitePage() {
const params = useParams<{ id: string }>();
@@ -22,8 +25,11 @@ export default function InvitePage() {
"loading",
);
const [userCount, setUserCount] = useState(0);
const [scene, setScene] = useState<SceneType>("eat");
const [joining, setJoining] = useState(false);
const sceneConfig = getSceneConfig(scene);
useEffect(() => {
fetch(`/api/room/${roomId}`)
.then((res) => {
@@ -32,6 +38,7 @@ export default function InvitePage() {
})
.then((data) => {
setUserCount(data.userCount ?? 0);
if (data.scene) setScene(data.scene);
setStatus("ready");
})
.catch(() => setStatus("not_found"));
@@ -89,7 +96,7 @@ export default function InvitePage() {
transition={{ duration: 0.5 }}
>
<div className="flex h-16 w-16 items-center justify-center rounded-2xl bg-emerald-500 shadow-lg shadow-emerald-200">
<Utensils size={28} className="text-white" />
{scene === "drink" ? <Coffee size={28} className="text-white" /> : <Utensils size={28} className="text-white" />}
</div>
<h1 className="mt-5 text-3xl font-black tracking-tight text-zinc-900">
@@ -107,7 +114,7 @@ export default function InvitePage() {
transition={{ duration: 0.5, delay: 0.1 }}
>
<p className="text-center text-lg font-bold text-zinc-800">
{sceneConfig.inviteText}
</p>
<div className="flex items-center gap-2 text-sm text-zinc-500">
<span className="rounded-full bg-white px-2.5 py-0.5 font-mono text-base font-bold tracking-widest text-emerald-600 shadow-sm">