qpismont/nixi-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor login page to display error messages conditionally. Added error handling with Alert component for better user feedback.

Browse Source
This commit is contained in:
qpismont
2025-08-08 21:35:03 +00:00
parent 4242851f9c
commit d737f4ad3c
1 changed files with 22 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/login.astro
View File

@ -12,8 +12,11 @@ import Container from "../components/ui/Container.astro";
import Row from "../components/ui/Row.astro"; import Row from "../components/ui/Row.astro";
import EmptyLayout from "../layouts/EmptyLayout.astro"; import EmptyLayout from "../layouts/EmptyLayout.astro";
import { isInputError } from "astro:actions"; import { isInputError } from "astro:actions";
import { isActionError } from "astro:actions";
import Alert from "../components/ui/Alert.astro";
const result = Astro.getActionResult(actions.login); const result = Astro.getActionResult(actions.login);
console.log(result?.error);
--- ---
<EmptyLayout> <EmptyLayout>
@ -25,12 +28,25 @@ const result = Astro.getActionResult(actions.login);
<Ascii /> <Ascii />
</CardHeader> </CardHeader>
<CardBody> <CardBody>
<Row>
<Col>
{
result?.error && isActionError(result.error) && (
<Alert variant="error">{result.error.message}</Alert>
)
}
</Col>
</Row>
<Row>
<Col>
<LoginForm <LoginForm
action={actions.login} action={actions.login}
error={result?.error && isInputError(result.error) error={result?.error && isInputError(result.error)
? result.error ? result.error
: null} : null}
/> />
</Col>
</Row>
</CardBody> </CardBody>
</Card> </Card>
</Col> </Col>