Esse Amor - Julio Cesar - Participação Gusttavo Lima ~ Blog do Aislan

Tags:

Pão Quente

import React, { useState, useEffect } from 'react'; import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card'; import { Button } from '@/components/ui/button'; import { Timer, Settings, Bell } from 'lucide-react'; import { Alert, AlertDescription } from '@/components/ui/alert'; const PaoQueijoTimer = () => { const [time, setTime] = useState(25 * 60); const [isActive, setIsActive] = useState(false); const [history, setHistory] = useState([]); const [showNotification, setShowNotification] = useState(false); const [customTime, setCustomTime] = useState(25); useEffect(() => { const savedHistory = localStorage.getItem('paoQueijoHistory'); if (savedHistory) setHistory(JSON.parse(savedHistory)); }, []); useEffect(() => { localStorage.setItem('paoQueijoHistory', JSON.stringify(history)); }, [history]); useEffect(() => { let interval = null; if (isActive && time > 0) { interval = setInterval(() => setTime(time => time - 1), 1000); } else if (time === 0) { setIsActive(false); handleFornadaPronta(); } return () => clearInterval(interval); }, [isActive, time]); useEffect(() => { if (Notification.permission !== 'granted') Notification.requestPermission(); }, []); const handleFornadaPronta = () => { const now = new Date(); setHistory(prev => [...prev, { timestamp: now.toLocaleString(), status: 'Concluído' }]); setShowNotification(true); setTimeout(() => setShowNotification(false), 5000); }; const startTimer = () => { setIsActive(true); setHistory(prev => [...prev, { timestamp: new Date().toLocaleString(), status: 'Iniciado' }]); }; const resetTimer = () => { setTime(customTime * 60); setIsActive(false); }; const toggleTimer = () => { setIsActive(prev => !prev); setHistory(prev => [ ...prev, { timestamp: new Date().toLocaleString(), status: isActive ? 'Pausado' : 'Retomado' } ]); }; const handleCustomTimeChange = (event) => setCustomTime(event.target.value); const applyCustomTime = () => setTime(customTime * 60); const formatTime = (seconds) => `${Math.floor(seconds / 60).toString().padStart(2, '0')}:${(seconds % 60).toString().padStart(2, '0')}`; return (

{showNotification && ( Pão de queijo pronto! 🧀 Hora de retirar do forno! )}

Cronômetro

Histórico de Produção

); }; export default PaoQueijoTimer;

Blog do Aislan

Postagem em destaque

Manhuaçu: PCMG e PMMG prendem suspeito de violência doméstica

quarta-feira, 18 de agosto de 2010