3Feel free to mess around with this val and make it your own :). Just click on "Fork" in the top right.
4
5You can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen!
6
7Have fun with it and hopefully your crush says yes hehe.
3Feel free to mess around with this val and make it your own :). Just click on "Fork" in the top right.
4
5You can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen!
6
7Have fun with it and hopefully your crush says yes hehe.
3Feel free to mess around with this val and make it your own :). Just click on "Fork" in the top right.
4
5You can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen!
6
7Have fun with it and hopefully your crush says yes hehe.
3Feel free to mess around with this val and make it your own :). Just click on "Fork" in the top right.
4
5You can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen!
6
7Have fun with it and hopefully your crush says yes hehe.
3Feel free to mess around with this val and make it your own :). Just click on "Fork" in the top right.
4
5You can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen!
6
7Have fun with it and hopefully your crush says yes hehe.
3Feel free to mess around with this val and make it your own :). Just click on "Fork" in the top right.
4
5You can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen!
6
7Have fun with it and hopefully your crush says yes hehe.
3Feel free to mess around with this val and make it your own :). Just click on "Fork" in the top right.
4
5You can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen!
6
7Have fun with it and hopefully your crush says yes hehe.
18];
19
20const FIRST_IMAGES = [
21 "https://media.tenor.com/ZhNxfL0GmoMAAAAi/mocha-bear-hearts.gif",
22 "https://media.tenor.com/sWXhCC4A2woAAAAj/bubu-bubu-dudu.gif",
28];
29
30function getRandomImage(currentImage?: string) {
31 // Filter out the current image to prevent immediate repetition
32 const availableImages = currentImage
33 ? FIRST_IMAGES.filter(img => img !== currentImage)
34 : FIRST_IMAGES;
35
36 // Return a random image from the available options
37 return availableImages[Math.floor(Math.random() * availableImages.length)];
38}
39
97 const [isValentine, setIsValentine] = useState(false);
98 const [currentNoPhrase, setCurrentNoPhrase] = useState(NO_PHRASES[0]);
99 const [currentFirstImg, setCurrentFirstImg] = useState(FIRST_IMAGES[0]);
100 const yesButtonSize = (noClicks * 20) + 16;
101
104 const handleNo = () => {
105 const newNoPhrase = getRandomNoPhrase(currentNoPhrase);
106 const newFirstImg = getRandomImage(currentFirstImg);
107 setCurrentNoPhrase(newNoPhrase);
108 setCurrentFirstImg(newFirstImg);
118 setIsValentine(false);
119 setCurrentNoPhrase(NO_PHRASES[0]);
120 setCurrentFirstImg(FIRST_IMAGES[0]);
121 };
122
3Feel free to mess around with this val and make it your own :). Just click on "Fork" in the top right.
4
5You can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen!
6
7Have fun with it and hopefully your crush says yes hehe.
3Feel free to mess around with this val and make it your own :). Just click on "Fork" in the top right.
4
5You can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen!
6
7Have fun with it and hopefully your crush says yes hehe.
