import React, { useState, useCallback, useRef } from "react"; import { Plus, X, Trash2, RotateCcw } from "lucide-react"; var LANG = (typeof navigator !== "undefined" ? navigator.language : "ko").slice(0, 2); var T = { ko: { title: "오늘 뭐 먹지?", spin: "돌리기!", add: "메뉴 추가", name: "메뉴 이름", save: "추가", empty: "메뉴를 추가하세요", emptyDesc: "고민될 때 랜덤으로 결정!", result: "오늘은", again: "다시 돌리기", placeholder: "예: 치킨, 피자, 초밥" }, en: { title: "What to Eat?", spin: "Spin!", add: "Add Menu", name: "Menu name", save: "Add", empty: "Add some menus", emptyDesc: "Let random decide when you can't!", result: "Today's pick", again: "Spin again", placeholder: "e.g. Pizza, Sushi, Tacos" }, ja: { title: "今日何食べる?", spin: "回す!", add: "メニュー追加", name: "メニュー名", save: "追加", empty: "メニューを追加してください", emptyDesc: "迷った時はランダムで!", result: "今日は", again: "もう一度", placeholder: "例: ラーメン、寿司、カレー" }, zh: { title: "今天吃什么?", spin: "转!", add: "添加菜单", name: "菜单名", save: "添加", empty: "添加一些菜单", emptyDesc: "纠结时让随机来决定!", result: "今天吃", again: "再转一次", placeholder: "例：火锅、披萨、寿司" }, }; var t = T[LANG] || T.en; var FOOD_EMOJIS = ["🍕", "🍗", "🍣", "🍜", "🍔", "🌮", "🥗", "🍱", "🥘", "🍝"]; var COLORS = ["from-orange-400 to-red-500", "from-blue-400 to-indigo-500", "from-emerald-400 to-teal-500", "from-pink-400 to-rose-500", "from-violet-400 to-purple-500", "from-amber-400 to-yellow-500", "from-cyan-400 to-sky-500", "from-lime-400 to-green-500"]; export default function App() { var [menus, setMenus] = useSharedStorage("food_menus_v2", []); var [showAdd, setShowAdd] = useState(false); var [name, setName] = useState(""); var [spinning, setSpinning] = useState(false); var [result, setResult] = useState(null); var [displayIdx, setDisplayIdx] = useState(0); var spinRef = useRef(null); var list = menus || []; var handleAdd = useCallback(function() { if (!name.trim()) return; var emoji = FOOD_EMOJIS[list.length % FOOD_EMOJIS.length]; setMenus(function(prev) { return [...(prev || []), { id: Date.now(), name: name.trim(), emoji: emoji }]; }); setName(""); }, [name, list.length, setMenus]); var handleSpin = useCallback(function() { if (spinning || list.length < 2) return; setSpinning(true); setResult(null); var count = 0; var speed = 50; function tick() { setDisplayIdx(function(i) { return (i + 1) % list.length; }); count++; if (count > 20 + Math.floor(Math.random() * 10)) { var winner = list[Math.floor(Math.random() * list.length)]; setResult(winner); setSpinning(false); return; } spinRef.current = setTimeout(tick, speed + count * 8); } tick(); }, [spinning, list]); var del = useCallback(function(id) { setMenus(function(prev) { return (prev || []).filter(function(m) { return m.id !== id; }); }); if (result && result.id === id) setResult(null); }, [setMenus, result]); return (

🍽️ {t.title}

{result && !spinning ? (

{t.result}

{result.emoji}

{result.name}

) : (

{list.length > 0 ? (

{spinning ? list[displayIdx].emoji : "🎰"}

{spinning ? list[displayIdx].name : "?"}

) : (

🤔

)}

)} {!result && ( )}

{t.add}

{list.length}

{list.length === 0 ? (

{t.empty}

{t.emptyDesc}

) : (

{list.map(function(menu) { return (

{menu.emoji} {menu.name}

); })}

)}

); }

What to Eat

What to Eat

reviews