feat: implement BackButton component for consistent navigation
- Added BackButton component to standardize back navigation across pages. - Integrated BackButton into various pages, replacing custom back buttons for consistency. - Updated PageHeader to accept backTo prop for displaying BackButton when navigating from subpages. - Created useGoBack hook to handle navigation logic, determining whether to go back in history or redirect to a fallback page. - Added tests for BackButton and its integration with PageHeader to ensure expected behavior.
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
import { Link } from 'react-router-dom';
|
||||
import { formatDate } from '../lib/utils';
|
||||
import BackButton from './ui/BackButton';
|
||||
import {
|
||||
ArrowLeftPH, ArrowLeftD, FilesServicePhone, FilesServiceCalendar,
|
||||
ArrowLeftD, FilesServicePhone, FilesServiceCalendar,
|
||||
FilesServiceNotification, FilesServiceMessage,
|
||||
} from './icons/FilesServiceIcons';
|
||||
|
||||
@@ -11,10 +11,7 @@ interface Tag { uuid: string; name: string; color: string }
|
||||
export function Breadcrumb({ name, backTo }: { name: string; backTo: string }) {
|
||||
return (
|
||||
<div style={{ display: 'flex', alignItems: 'center', gap: 8, color: 'var(--text-2)', fontSize: 12, marginBottom: 14 }}>
|
||||
<Link to={backTo} className="bg-[var(--surface)]" style={{ display: 'flex', alignItems: 'center', gap: 4, padding: '6px 8px', borderRadius: 12, cursor: 'pointer', color: 'var(--text-2)', textDecoration: 'none' }}>
|
||||
<ArrowLeftPH />
|
||||
<span>بازگشت</span>
|
||||
</Link>
|
||||
<BackButton fallback={backTo} />
|
||||
<ArrowLeftD />
|
||||
<span>پرونده</span>
|
||||
<ArrowLeftD />
|
||||
|
||||
Reference in New Issue
Block a user