* Now can update the list of files without pausing/unpausing * Shrink a few functions * Reopen write when updating files * Todos * opened_file abstraction * iter_pieces_within iterator * Simplify iter_pieces_within * Simplify iter_pieces_within * Add "iter_file_details" * temporarily broken: readonly by default * Live torrent - reopen files * Reopen files after changing the list * Now reopening files read only when they are completed * Fix a bug in opened_file.rs * update todos * update help * Reconnect all peers that are idling * Add a couple fields to OpenedFile * Add a couple fields to OpenedFile * Small cleanups - use the new iterator where possible * size_of_piece_in_file function * Updating have * Include file progress * Almost nothing * ugly progress bars * bad UI, saving * its not so bad * Works now * update progress bar a bit * Reopen read-only on pause * Zero bytes isnt too bad! Doesnt break anything * fix per file progress bars * progress bar not as ugly anymore? * ui tweaks * fix a react bug * TODO.md update * Fix js + TODOs * Compute per-file progress on init * Fix stats updating live * Nothing * Nothing * cleanup ui a bit * Nothing * Final fixes * Trying to fix rust 1.73 * Sorting filenames * remove unnecessary indentation * Remove unnecessary comment
30 lines
742 B
TypeScript
30 lines
742 B
TypeScript
import { MouseEventHandler } from "react";
|
|
|
|
export const IconButton: React.FC<{
|
|
onClick: () => void;
|
|
disabled?: boolean;
|
|
className?: string;
|
|
color?: string;
|
|
children: any;
|
|
}> = (props) => {
|
|
const { onClick, disabled, color, children, className, ...otherProps } =
|
|
props;
|
|
const onClickStopPropagation: MouseEventHandler<HTMLAnchorElement> = (e) => {
|
|
e.stopPropagation();
|
|
if (disabled) {
|
|
return;
|
|
}
|
|
onClick();
|
|
};
|
|
const colorClassName = color ? `text-${color}` : "";
|
|
return (
|
|
<a
|
|
className={`p-1 text-blue-500 flex items-center justify-center ${colorClassName} ${className}`}
|
|
onClick={onClickStopPropagation}
|
|
href="#"
|
|
{...otherProps}
|
|
>
|
|
{children}
|
|
</a>
|
|
);
|
|
};
|