Consistent error responses. Updated login page.

This commit is contained in:
Mike Cao 2025-02-20 09:57:59 -08:00
parent 88f2ac20bc
commit 4c24e54fdd
17 changed files with 170 additions and 159 deletions

View file

@ -1,12 +1,9 @@
import classNames from 'classnames';
import React, { ReactNode } from 'react';
import { Icon } from 'react-basics';
import styles from './PageHeader.module.css';
import { ReactNode } from 'react';
import { Heading, Icon, Breadcrumbs, Breadcrumb, Row } from '@umami/react-zen';
export function PageHeader({
title,
icon,
className,
breadcrumb,
children,
}: {
@ -18,17 +15,15 @@ export function PageHeader({
}) {
return (
<>
<div className={styles.breadcrumb}>{breadcrumb}</div>
<div className={classNames(styles.header, className)}>
{icon && (
<Icon size="lg" className={styles.icon}>
{icon}
</Icon>
)}
<Breadcrumbs>
<Breadcrumb>{breadcrumb}</Breadcrumb>
</Breadcrumbs>
<Row justifyContent="space-between" paddingY="6">
{icon && <Icon size="lg">{icon}</Icon>}
{title && <div className={styles.title}>{title}</div>}
<div className={styles.actions}>{children}</div>
</div>
{title && <Heading>{title}</Heading>}
<Row justifyContent="flex-end">{children}</Row>
</Row>
</>
);
}