count0/HabitGrid
1
0
Fork 0
mirror of https://github.com/nagaoo0/HabbitGrid.git synced 2026-01-12 07:54:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add supabase setup

Browse Source
This commit is contained in:
_count0
2025-10-17 22:10:57 +02:00
parent 237052ce35
commit 2b6b515d47
16 changed files with 599 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/HabitGrid.jsx
View File

@@ -1,7 +1,7 @@
import React, { useMemo, useEffect } from 'react';
import { motion } from 'framer-motion';
import { getColorIntensity, isToday, formatDate, getWeekdayLabel, getFrozenDays } from '../lib/utils-habit';
import { toggleCompletion } from '../lib/storage';
import { toggleCompletion } from '../lib/datastore';
const HabitGrid = ({ habit, onUpdate, fullView = false }) => {
const frozenDays = getFrozenDays(habit.completions);
@@ -39,7 +39,18 @@ const HabitGrid = ({ habit, onUpdate, fullView = false }) => {
}, []);
const handleCellClick = (date) => {
toggleCompletion(habit.id, formatDate(date));
const dateStr = formatDate(date);
// Optimistic local update
const habits = JSON.parse(localStorage.getItem('habitgrid_data') || '[]');
const idx = habits.findIndex(h => h.id === habit.id);
if (idx !== -1) {
const completions = Array.isArray(habits[idx].completions) ? [...habits[idx].completions] : [];
const cidx = completions.indexOf(dateStr);
if (cidx > -1) completions.splice(cidx, 1); else completions.push(dateStr);
habits[idx].completions = completions;
localStorage.setItem('habitgrid_data', JSON.stringify(habits));
}
toggleCompletion(habit.id, dateStr); // background sync
onUpdate();
};

14
src/components/MiniGrid.jsx
View File

@@ -40,7 +40,7 @@ function getFreezeIcon() {
import { motion } from 'framer-motion';
import { getColorIntensity, isToday, formatDate } from '../lib/utils-habit';
import { getFrozenDays } from '../lib/utils-habit';
import { toggleCompletion } from '../lib/storage';
import { toggleCompletion } from '../lib/datastore';
import { toast } from './ui/use-toast';
const MiniGrid = ({ habit, onUpdate }) => {
@@ -69,7 +69,17 @@ const MiniGrid = ({ habit, onUpdate }) => {
const dateStr = formatDate(date);
const isTodayCell = isToday(date);
const wasCompleted = habit.completions.includes(dateStr);
toggleCompletion(habit.id, dateStr);
// Optimistic local update
const habits = JSON.parse(localStorage.getItem('habitgrid_data') || '[]');
const idx = habits.findIndex(h => h.id === habit.id);
if (idx !== -1) {
const completions = Array.isArray(habits[idx].completions) ? [...habits[idx].completions] : [];
const cidx = completions.indexOf(dateStr);
if (cidx > -1) completions.splice(cidx, 1); else completions.push(dateStr);
habits[idx].completions = completions;
localStorage.setItem('habitgrid_data', JSON.stringify(habits));
}
toggleCompletion(habit.id, dateStr); // background sync
onUpdate();
// Only show encouragement toast if validating (adding) today's dot
if (isTodayCell && !wasCompleted) {