mirror of
https://github.com/upscayl/upscayl.git
synced 2024-12-20 03:15:57 +01:00
95843ded88
* Initial refactor * Remove unused imports * Update code * Refactor and Update Code - Change file names to kebab-caase - Add new useTranslation Hook - Change useLog hook name to useLogger - Update translation hook to provide autocomplete * Update import and component name * Rename files and components * Update locales * Update electron commands * Update var * Change Lowercase * Replace filter with map * Add props * Update flag check * Add validate paths * Update formats * Update import * Update function * Update function and translation * Update handlePaste
27 lines
661 B
TypeScript
27 lines
661 B
TypeScript
import { sanitizePath } from "@common/sanitize-path";
|
|
|
|
const ImageViewer = ({
|
|
imagePath,
|
|
setDimensions,
|
|
}: {
|
|
imagePath: string;
|
|
setDimensions: (dimensions: { width: number; height: number }) => void;
|
|
}) => {
|
|
return (
|
|
<img
|
|
src={"file:///" + sanitizePath(imagePath)}
|
|
onLoad={(e: React.SyntheticEvent<HTMLImageElement>) => {
|
|
setDimensions({
|
|
width: e.currentTarget.naturalWidth,
|
|
height: e.currentTarget.naturalHeight,
|
|
});
|
|
}}
|
|
draggable="false"
|
|
alt=""
|
|
className="h-full w-full bg-gradient-to-br from-base-300 to-base-100 object-contain"
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default ImageViewer;
|