-
+
@@ -47,34 +48,39 @@ function GradientTextSVG({ text, width, height, fontSize, gradientColors }) {
);
}
+GradientTextSVG.propTypes = {
+ text: PropTypes.string.isRequired,
+ width: PropTypes.number.isRequired,
+ height: PropTypes.number.isRequired,
+ fontSize: PropTypes.number.isRequired,
+ gradientColors: PropTypes.arrayOf(PropTypes.string).isRequired,
+};
+
export default function Bug2Bot() {
const [remainingTime, setRemainingTime] = useState({
- days: 0,
hours: 0,
minutes: 0,
seconds: 0,
});
const updateCountdown = () => {
- const now = new Date(); // Current date and time
- const diff = targetDate.getTime() - now.getTime(); // Difference in milliseconds
+ const now = new Date();
+ const diff = targetDate.getTime() - now.getTime();
if (diff <= 0) {
setRemainingTime({
- days: 0,
hours: 0,
minutes: 0,
seconds: 0,
});
- return; // Stop updating if the target time is reached
+ return;
}
- const days = Math.floor(diff / (1000 * 60 * 60 * 24));
const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((diff % (1000 * 60)) / 1000);
- setRemainingTime({ days, hours, minutes, seconds });
+ setRemainingTime({ hours, minutes, seconds });
};
useEffect(() => {
@@ -117,8 +123,8 @@ export default function Bug2Bot() {
backgroundImage: "linear-gradient(to right, #FD4445, #F2C849)",
}}
>
- {remainingTime.days} Days {remainingTime.hours} Hours{" "}
- {remainingTime.minutes} Mins
+ {remainingTime.hours} Hours {remainingTime.minutes} Mins{" "}
+ {remainingTime.seconds} Secs