33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
"use client";
|
||
|
||
import { useActionState } from "react";
|
||
import { importStrongWorkout } from "./actions";
|
||
|
||
export function ImportForm() {
|
||
const [state, formAction, pending] = useActionState(importStrongWorkout, null);
|
||
|
||
return (
|
||
<form action={formAction} className="flex flex-col gap-4">
|
||
{state?.error ? (
|
||
<div className="rounded-md border border-accent/40 bg-accent/10 px-4 py-3 text-sm text-fg">
|
||
{state.error}
|
||
</div>
|
||
) : null}
|
||
<textarea
|
||
name="text"
|
||
rows={16}
|
||
required
|
||
placeholder={"Trening A\nWednesday, 10 June 2026 at 06:40\n\nDeadlift (Barbell)\nSet 1: 80 kg × 8\n..."}
|
||
className="w-full rounded-md border border-muted/40 bg-surface p-3 font-mono text-sm text-fg placeholder:text-fg/30 focus:border-accent focus:outline-none"
|
||
/>
|
||
<button
|
||
type="submit"
|
||
disabled={pending}
|
||
className="self-start rounded-md bg-accent px-4 py-2 text-sm font-semibold text-fg transition-opacity hover:opacity-90 disabled:opacity-50"
|
||
>
|
||
{pending ? "Importowanie..." : "Importuj"}
|
||
</button>
|
||
</form>
|
||
);
|
||
}
|