schulze/fire
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Releases Activity

linter issues
All checks were successful
Lint / Lint and Typecheck (push) Successful in 41s
Details

Browse Source
This commit is contained in:
Felix Schulze
2025-11-15 18:18:15 +01:00
parent 6b7e254014
commit 431e654154
4 changed files with 50 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/app/components/BackgroundPattern.tsx
View File

@@ -1,5 +1,6 @@
"use client";
import { useState, useEffect } from "react";
import type React from "react";
import {
type LucideIcon,
HandCoins,
@@ -112,14 +113,15 @@ export default function MultiIconPattern({ opacity = 0.2, spacing = 160 }) {
Target,
];
const renderIcons = ({
rows,
columns,
}: {
rows: number;
columns: number;
}) => {
const icons = [];
const [icons, setIcons] = useState<React.ReactElement[]>([]);
useEffect(() => {
if (rows === 0 || columns === 0) {
setIcons([]);
return;
}
const iconElements: React.ReactElement[] = [];
for (let y = 0; y < rows; y++) {
for (let x = 0; x < columns; x++) {
// Pick a random icon component from the array
@@ -130,28 +132,30 @@ export default function MultiIconPattern({ opacity = 0.2, spacing = 160 }) {
const size = 28 + Math.floor(Math.random() * 8);
const xOffset = Math.floor(Math.random() * (spacing / 1.618));
const yOffset = Math.floor(Math.random() * (spacing / 1.618));
const rotation = Math.round((Math.random() - 0.5) * 30);
icons.push(
iconElements.push(
<IconComponent
key={`icon-${x}-${y}`}
key={`icon-${String(x)}-${String(y)}`}
size={size}
className="text-primary fixed"
style={{
left: `${x * spacing + xOffset}px`,
top: `${y * spacing + yOffset}px`,
left: `${String(x * spacing + xOffset)}px`,
top: `${String(y * spacing + yOffset)}px`,
opacity: opacity,
transform: `rotate(${Math.round((Math.random() - 0.5) * 30)}deg)`,
transform: `rotate(${String(rotation)}deg)`,
}}
/>,
);
}
}
return icons;
};
setIcons(iconElements);
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [rows, columns, spacing, opacity]);
return (
<div className="absolute h-full w-full">
{width > 0 && renderIcons({ rows, columns })}
{width > 0 && icons}
</div>
);
}

34
src/app/components/FireCalculatorForm.tsx
View File

@@ -216,7 +216,7 @@ export default function FireCalculatorForm() {
return [0, 0];
})();
if (retirementIndex === -1 || !retirementData) {
if (retirementIndex === -1) {
setResult({
fireNumber: null,
fireNumber4percent: null,
@@ -246,7 +246,13 @@ export default function FireCalculatorForm() {
</CardHeader>
<CardContent>
<Form {...form}>
<form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
<form
onSubmit={(e) => {
e.preventDefault();
void form.handleSubmit(onSubmit)(e);
}}
className="space-y-8"
>
<div className="grid grid-cols-1 gap-6 md:grid-cols-2">
<FormField
control={form.control}
@@ -265,7 +271,8 @@ export default function FireCalculatorForm() {
? undefined
: Number(e.target.value),
);
void form.handleSubmit(onSubmit)();
// eslint-disable-next-line @typescript-eslint/no-floating-promises
form.handleSubmit(onSubmit)();
}}
onBlur={field.onBlur}
name={field.name}
@@ -293,7 +300,8 @@ export default function FireCalculatorForm() {
? undefined
: Number(e.target.value),
);
void form.handleSubmit(onSubmit)();
// eslint-disable-next-line @typescript-eslint/no-floating-promises
form.handleSubmit(onSubmit)();
}}
onBlur={field.onBlur}
name={field.name}
@@ -321,7 +329,8 @@ export default function FireCalculatorForm() {
? undefined
: Number(e.target.value),
);
void form.handleSubmit(onSubmit)();
// eslint-disable-next-line @typescript-eslint/no-floating-promises
form.handleSubmit(onSubmit)();
}}
onBlur={field.onBlur}
name={field.name}
@@ -349,7 +358,8 @@ export default function FireCalculatorForm() {
? undefined
: Number(e.target.value),
);
void form.handleSubmit(onSubmit)();
// eslint-disable-next-line @typescript-eslint/no-floating-promises
form.handleSubmit(onSubmit)();
}}
onBlur={field.onBlur}
name={field.name}
@@ -378,7 +388,8 @@ export default function FireCalculatorForm() {
? undefined
: Number(e.target.value),
);
void form.handleSubmit(onSubmit)();
// eslint-disable-next-line @typescript-eslint/no-floating-promises
form.handleSubmit(onSubmit)();
}}
onBlur={field.onBlur}
name={field.name}
@@ -407,7 +418,8 @@ export default function FireCalculatorForm() {
? undefined
: Number(e.target.value),
);
void form.handleSubmit(onSubmit)();
// eslint-disable-next-line @typescript-eslint/no-floating-promises
form.handleSubmit(onSubmit)();
}}
onBlur={field.onBlur}
name={field.name}
@@ -437,7 +449,8 @@ export default function FireCalculatorForm() {
? undefined
: Number(e.target.value),
);
void form.handleSubmit(onSubmit)();
// eslint-disable-next-line @typescript-eslint/no-floating-promises
form.handleSubmit(onSubmit)();
}}
onBlur={field.onBlur}
name={field.name}
@@ -467,7 +480,8 @@ export default function FireCalculatorForm() {
step={1}
onValueChange={(value: number[]) => {
field.onChange(value[0]);
void form.handleSubmit(onSubmit)();
// eslint-disable-next-line @typescript-eslint/no-floating-promises
form.handleSubmit(onSubmit)();
}}
className="py-4"
/>