forked/topola-viewer
1
0
Fork 0
mirror of https://github.com/PeWu/topola-viewer.git synced 2026-07-26 21:51:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Display images in details panel fromm gedzip files

Browse Source
This commit is contained in:
Przemek Więch
2026-05-17 22:09:10 +02:00
parent 708d26d561
commit a9cd34684c
20 changed files with 610 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/menu/upload_menu.tsx
View File

@@ -6,13 +6,9 @@ import {useLocation, useNavigate} from 'react-router';
import {Dropdown, Icon, Menu} from 'semantic-ui-react';
import {loadFile} from '../datasource/load_data';
import {analyticsEvent} from '../util/analytics';
import {isImageFile} from '../util/gedcom_util';
import {MenuType} from './menu_item';
function isImageFileName(fileName: string) {
const lower = fileName.toLowerCase();
return lower.endsWith('.jpg') || lower.endsWith('.png');
}
interface Props {
menuType: MenuType;
}
@@ -42,10 +38,10 @@ export function UploadMenu(props: Props) {
// Convert uploaded images to object URLs.
filesArray
.filter(
(file) => file.name !== gedcomFile.name && isImageFileName(file.name),
)
.forEach((file) => images.set(file.name, URL.createObjectURL(file)));
.filter((file) => file.name !== gedcomFile.name && isImageFile(file.name))
.forEach((file) =>
images.set(file.name.toLowerCase(), URL.createObjectURL(file)),
);
// Hash GEDCOM contents with uploaded image file names.
const imageFileNames = Array.from(images.keys()).sort().join('|');
@@ -88,7 +84,7 @@ export function UploadMenu(props: Props) {
<input
className="hidden"
type="file"
accept=".ged,.gdz,.gedzip,.zip,image/*"
accept=".ged,.gdz,.gedzip,.zip,.webp,image/*"
id="fileInput"
multiple
onChange={handleUpload}