immich-app/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-12-24 01:11:32 +03:00
Code Issues Packages Projects Releases 18 Wiki Activity

feat(web): skeleton on asset loading (#3867)

Browse Source 
* feat(web): skeletron on asset loading

* feat: add skeleton to all asset grid views

---------

Co-authored-by: Jason Rasmussen <jrasm91@gmail.com>
This commit is contained in:
JasBogans
2023-09-01 19:12:09 +02:00
committed by GitHub
parent 9539a361e4
commit 46c716d450
5 changed files with 49 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/lib/stores/assets.store.ts
View File

@@ -40,6 +40,7 @@ export class AssetStore {
private store$ = writable(this);
private assetToBucket: Record<string, AssetLookup> = {};
initialized = false;
timelineHeight = 0;
buckets: AssetBucket[] = [];
assets: AssetResponseDto[] = [];
@@ -52,6 +53,7 @@ export class AssetStore {
subscribe = this.store$.subscribe;
async init(viewport: Viewport) {
this.initialized = false;
this.timelineHeight = 0;
this.buckets = [];
this.assets = [];
@@ -63,6 +65,8 @@ export class AssetStore {
key: api.getKey(),
});
this.initialized = true;
this.buckets = buckets.map((bucket) => {
const unwrappedWidth = (3 / 2) * bucket.count * THUMBNAIL_HEIGHT * (7 / 10);
const rows = Math.ceil(unwrappedWidth / viewport.width);