feat: add 'Mark Prayed' button for prayer items with streak tracking

This commit is contained in:
nmemmert committed 2026-01-16 08:47:10 -05:00
1 parent 8105d39554
commit 6c33fc4606
5 files changed
+66 -87

No files matched your search

-26
View File
@@ -14,8 +14,6 @@ interface DailyEntryProps {
onAnsweredChange?: (answered: boolean) => void;
answerDetails?: string;
onAnswerDetailsChange?: (details: string) => void;
prayFrequency?: number;
onPrayFrequencyChange?: (frequency: number) => void;
onSubmit: (e: React.FormEvent) => void;
loading?: boolean;
isEditing?: boolean;
@@ -32,8 +30,6 @@ export default function DailyEntry({
onAnsweredChange,
answerDetails = '',
onAnswerDetailsChange,
prayFrequency = 1,
onPrayFrequencyChange,
onSubmit,
loading = false,
isEditing = false,
@@ -120,28 +116,6 @@ export default function DailyEntry({
</label>
</div>
{/* Prayer Frequency Slider */}
<div className="bg-slate-800/40 backdrop-blur-xl rounded-xl p-4 border border-slate-700/50">
<div className="mb-3">
<label className="block text-sm font-semibold text-slate-300 mb-2">📅 Pray For (times per week)</label>
<div className="flex items-center justify-between">
<input
type="range"
min="1"
max="7"
value={prayFrequency}
onChange={(e) => onPrayFrequencyChange?.(parseInt(e.target.value))}
className="flex-1 h-2 bg-slate-700 rounded-lg appearance-none cursor-pointer accent-blue-500"
/>
<span className="ml-4 text-lg font-bold text-blue-400 min-w-[50px]">{prayFrequency}x</span>
</div>
<div className="flex justify-between text-xs text-slate-500 mt-2">
<span>1× week</span>
<span>Daily</span>
</div>
</div>
</div>
{/* Answer Details */}
{answered && (
<div className="bg-green-900/20 backdrop-blur-xl rounded-xl p-4 border border-green-500/30 animate-in fade-in-50 duration-300">