Correct react implementation of rust backend

This commit is contained in:
Christbru 2025-10-19 11:26:17 -05:00
commit 4a2a9a7489
6 changed files with 352 additions and 38 deletions

View file

@ -1,13 +1,17 @@
import { Flame } from "lucide-react";
import { motion } from "motion/react";
export default function FlameButton({ onClick }) {
export default function FlameButton({ onClick, disabled = false }) {
return (
<motion.button
onClick={onClick}
className="bg-gray-700 cursor-pointer p-2 rounded-2xl border-2 border-gray-600"
whileHover={{ scale: 1.1 }}
whileTap={{ scale: 0.9 }}
className={`bg-gray-700 p-2 rounded-2xl border-2 border-gray-600 ${
disabled ? "cursor-not-allowed" : "cursor-pointer"
}`}
whileHover={disabled ? undefined : { scale: 1.1 }}
whileTap={disabled ? undefined : { scale: 0.9 }}
disabled={disabled}
style={{ opacity: disabled ? 0.5 : 1 }}
>
<Flame />
</motion.button>