d91ec8869e
feat: implement delete confirmation dialog component for better UX refactor: update supplier and role index pages to utilize new form dialog and delete confirm dialog components feat: add reusable form dialog component for creating and editing entities feat: introduce filter popover component for enhanced filtering options in data tables feat: create image preview button component for displaying images with modal preview feat: add page header component for consistent page layout feat: implement row actions component for handling actions on table rows feat: add status badge component for displaying entity statuses feat: create toggle status component for easily toggling entity states feat: implement draft save hook for auto-saving form data feat: add server table hook for managing server-side pagination and filtering feat: create utility functions for formatting dates and numbers feat: add constants for month names and measurement units
22 lines
529 B
TypeScript
22 lines
529 B
TypeScript
import type { ReactNode } from 'react';
|
|
|
|
type PageHeaderProps = {
|
|
title: string;
|
|
description?: ReactNode;
|
|
actions?: ReactNode;
|
|
};
|
|
|
|
export function PageHeader({ title, description, actions }: PageHeaderProps) {
|
|
return (
|
|
<div className="flex items-center justify-between">
|
|
<div>
|
|
<h2 className="text-2xl font-semibold tracking-tight">
|
|
{title}
|
|
</h2>
|
|
{description}
|
|
</div>
|
|
{actions}
|
|
</div>
|
|
);
|
|
}
|