import React, { useState, useCallback } from "react"; import { Plus, Heart, Sparkles } from "lucide-react"; var LANG = (typeof navigator !== "undefined" ? navigator.language : "ko").slice(0, 2); var T = { ko: { title: "감사 일기", subtitle: "오늘 감사한 것 3가지", placeholder1: "첫 번째 감사", placeholder2: "두 번째 감사", placeholder3: "세 번째 감사", save: "기록하기", saved: "오늘의 감사를 기록했습니다 ✨", streak: "연속", days: "일", history: "지난 기록", empty: "매일 감사한 것을 기록해보세요", emptyDesc: "작은 것이라도 좋아요" }, en: { title: "Gratitude Journal", subtitle: "3 things I'm grateful for today", placeholder1: "First gratitude", placeholder2: "Second gratitude", placeholder3: "Third gratitude", save: "Save", saved: "Today's gratitude saved ✨", streak: "Streak", days: "days", history: "Past entries", empty: "Write what you're grateful for", emptyDesc: "Even small things count" }, ja: { title: "感謝日記", subtitle: "今日感謝していること3つ", placeholder1: "1つ目の感謝", placeholder2: "2つ目の感謝", placeholder3: "3つ目の感謝", save: "記録する", saved: "今日の感謝を記録しました ✨", streak: "連続", days: "日", history: "過去の記録", empty: "感謝していることを書きましょう", emptyDesc: "小さなことでも大丈夫" }, zh: { title: "感恩日记", subtitle: "今天感恩的3件事", placeholder1: "第一件感恩", placeholder2: "第二件感恩", placeholder3: "第三件感恩", save: "记录", saved: "今天的感恩已记录 ✨", streak: "连续", days: "天", history: "过往记录", empty: "写下你感恩的事", emptyDesc: "小事也可以" }, }; var t = T[LANG] || T.en; export default function App() { var [entries, setEntries] = useSharedStorage("gratitude_v2", []); var [g1, setG1] = useState(""); var [g2, setG2] = useState(""); var [g3, setG3] = useState(""); var [flash, setFlash] = useState(false); var today = new Date().toISOString().slice(0, 10); var todayEntry = (entries || []).find(function(e) { return e.date === today; }); var past = (entries || []).filter(function(e) { return e.date !== today; }).slice(0, 14); var streak = 0; var d = new Date(); while (true) { var ds = d.toISOString().slice(0, 10); if ((entries || []).some(function(e) { return e.date === ds; })) { streak++; d.setDate(d.getDate() - 1); } else break; } var handleSave = useCallback(function() { var items = [g1, g2, g3].filter(function(g) { return g.trim(); }); if (items.length === 0) return; setEntries(function(prev) { var without = (prev || []).filter(function(e) { return e.date !== today; }); return [{ date: today, items: items }, ...without].slice(0, 90); }); setG1(""); setG2(""); setG3(""); setFlash(true); setTimeout(function() { setFlash(false); }, 2500); }, [g1, g2, g3, today, setEntries]); return (

🙏 {t.title}

{streak > 0 && ( 🔥 {streak} {t.days} )}

{t.subtitle}

{flash &&

{t.saved}

} {todayEntry ? (

{today}

{todayEntry.items.map(function(item, i) { return (

{item}

); })}

) : (

{[ { val: g1, set: setG1, ph: t.placeholder1, n: "1" }, { val: g2, set: setG2, ph: t.placeholder2, n: "2" }, { val: g3, set: setG3, ph: t.placeholder3, n: "3" }, ].map(function(field) { return (

{field.n}

); })}

)} {past.length > 0 && (

{t.history}

{past.map(function(entry) { return (

{entry.date}

{entry.items.map(function(item, i) { return (

{item}

); })}

)} {!todayEntry && past.length === 0 && (

{t.empty}

{t.emptyDesc}

)}

); }

Gratitude Journal

Gratitude Journal

reviews