0df816bba6
- Introduced a continuous scroll mode for the diff view, allowing users to review multiple files in a single scrollable container. - Added lazy loading functionality to improve performance by loading file content as it approaches the viewport. - Implemented a new portion collapse feature to allow users to expand unchanged regions incrementally, enhancing context retention during reviews. - Updated navigation to support smooth scrolling between files and improved keyboard shortcuts for file navigation. - Enhanced the review toolbar to manage actions across all files, including bulk accept/reject options. - Added new hooks and components to support the continuous scroll and lazy loading features, ensuring a seamless user experience.
23 lines
791 B
TypeScript
23 lines
791 B
TypeScript
import React from 'react';
|
|
|
|
interface FileSectionPlaceholderProps {
|
|
fileName: string;
|
|
}
|
|
|
|
export const FileSectionPlaceholder = ({
|
|
fileName,
|
|
}: FileSectionPlaceholderProps): React.ReactElement => (
|
|
<div className="animate-pulse">
|
|
<div className="flex items-center gap-2 border-b border-border bg-surface-sidebar px-4 py-2">
|
|
<span className="text-xs font-medium text-text-muted">{fileName}</span>
|
|
<div className="h-4 w-16 rounded bg-surface-raised" />
|
|
</div>
|
|
|
|
<div className="space-y-2 p-4">
|
|
<div className="h-4 w-3/4 rounded bg-surface-raised" />
|
|
<div className="h-4 w-1/2 rounded bg-surface-raised" />
|
|
<div className="h-4 w-5/6 rounded bg-surface-raised" />
|
|
<div className="h-4 w-2/3 rounded bg-surface-raised" />
|
|
</div>
|
|
</div>
|
|
);
|