feat: 新增「喝什么」场景,支持奶茶/咖啡/酒吧等饮品店搜索
引入场景系统(SceneType),首页增加「吃什么」「喝什么」切换 Tab, 不同场景使用不同的高德 POI 类型、热门标签、价格区间和全链路文案。 场景信息存储在房间数据中,邀请/分享/匹配结果等页面自动适配。
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user