hope/gallery
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

data from settings.js

Browse Source
This commit is contained in:
Peter Hoppe
2023-03-08 00:36:39 +01:00
parent 8409503ee6
commit 3603e0b881
7 changed files with 51 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.env.local Normal file
View File

@ -0,0 +1 @@
REACT_APP_WWW_ROOT = "http://localhost/gallery/"

1
.gitignore vendored
View File

@ -13,7 +13,6 @@
# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

1
public/index.html
View File

@ -27,6 +27,7 @@
<title>React App</title>
</head>
<body>
<script type="text/javascript" src="settings.js"></script>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!--

45
public/settings.js Normal file
View File

@ -0,0 +1,45 @@
window.globalThis= {
"gallery":
[
{
"original": "IMG_20230217_161150_331.jpg",
"thumbnail": "thumb-IMG_20230217_161150_331.jpg"
},
{
"original": "IMG_20230218_182608_079.jpg",
"thumbnail": "thumb-IMG_20230218_182608_079.jpg"
},
{
"original": "IMG_20230218_182625_867.jpg",
"thumbnail": "thumb-IMG_20230218_182625_867.jpg"
},
{
"original": "IMG_20230218_184359_940.jpg",
"thumbnail": "thumb-IMG_20230218_184359_940.jpg"
},
{
"original": "IMG_20230218_184429_386.jpg",
"thumbnail": "thumb-IMG_20230218_184429_386.jpg"
},
{
"original": "IMG_20230305_164907_552.jpg",
"thumbnail": "thumb-IMG_20230305_164907_552.jpg"
},
{
"original": "IMG_20230305_164913_285.jpg",
"thumbnail": "thumb-IMG_20230305_164913_285.jpg"
},
{
"original": "IMG_20230305_164919_797.jpg",
"thumbnail": "thumb-IMG_20230305_164919_797.jpg"
},
{
"original": "IMG_20230305_164921_376.jpg",
"thumbnail": "thumb-IMG_20230305_164921_376.jpg"
},
{
"original": "IMG_20230305_164923_912.jpg",
"thumbnail": "thumb-IMG_20230305_164923_912.jpg"
}
]
};

1
src/components/ImageGallery.tsx
View File

@ -32,6 +32,7 @@ export default function ImageGalleryX()
return imageGalleryItems.map((item: ReactImageGalleryItem) => {
const newItem = { ...item };
newItem.original = uploads + newItem.original;
newItem.thumbnail = uploads + newItem.thumbnail;
newItem.thumbnailClass = classes.thubmnail;
return newItem;
});

0
src/gallery.json → src/gallery_2_settings_js.json
View File

6
src/state.ts
View File

@ -1,5 +1,5 @@
import { ReactImageGalleryItem } from 'react-image-gallery';
import data from './gallery.json';
const {gallery} = window.globalThis as any;
console.log(gallery);
export const imageGalleryItems: ReactImageGalleryItem[] = data;
export const imageGalleryItems: ReactImageGalleryItem[] = gallery;