mirror of
https://github.com/HugeFrog24/shakethefrog.git
synced 2026-03-02 00:14:33 +00:00
bugfix
This commit is contained in:
@@ -1,25 +0,0 @@
|
|||||||
import { useState, useEffect } from 'react';
|
|
||||||
import { SpeechBubble } from './SpeechBubble';
|
|
||||||
import FrogImage from '../public/images/frog-ai.ai'; // Assuming this is the frog image
|
|
||||||
|
|
||||||
export function ParentComponent() {
|
|
||||||
const [isShaken, setIsShaken] = useState(false);
|
|
||||||
const [triggerCount, setTriggerCount] = useState(0);
|
|
||||||
|
|
||||||
const handleShake = () => {
|
|
||||||
setTriggerCount(prev => prev + 1);
|
|
||||||
setIsShaken(true);
|
|
||||||
// Shake the frog for 1 second
|
|
||||||
setTimeout(() => {
|
|
||||||
setIsShaken(false);
|
|
||||||
}, 1000);
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
<FrogImage className={isShaken ? 'shake-animation' : ''} />
|
|
||||||
<SpeechBubble isShaken={isShaken} triggerCount={triggerCount} />
|
|
||||||
<button onClick={handleShake}>Shake the Frog</button>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user