browsertrix/frontend
Emma Segal-Grossman 6a94c64fa2
ensure loader fills image swiper, and only display loader when replay data is nullish, not when it's loaded but there's no image data (#1819)
Closes #1818 

- Refactors image renderers, and changes the condition for which the
loading indicator is displayed from "`<data>.blobUrl` exists and has a
truthey value" to "`<data>` is not nullish"
- Adds an additional class config to the shared QA loading indicator,
and uses it in the image slider view to add a background and aspect
ratio to the loading indicator's container so that it takes up the space
it should and has an opaque background

| Before | After |
| --- | --- |
| <img width="813" alt="Screenshot 2024-05-22 at 5 17 14 PM"
src="https://github.com/webrecorder/browsertrix/assets/5727389/fb8a3a83-a0c8-46c1-b59b-a59adff2a175">
| <img width="813" alt="Screenshot 2024-05-22 at 5 17 31 PM"
src="https://github.com/webrecorder/browsertrix/assets/5727389/6fe5d04a-ffa9-4fc3-bc3b-bdb9b7b30948">
|
2024-05-28 14:02:49 -04:00
..
.husky
config/tailwind/plugins Reorganize frontend build files (#1803) 2024-05-15 19:46:52 -07:00
patches
scripts Reorganize frontend build files (#1803) 2024-05-15 19:46:52 -07:00
src ensure loader fills image swiper, and only display loader when replay data is nullish, not when it's loaded but there's no image data (#1819) 2024-05-28 14:02:49 -04:00
tests Add ESLint rules for import ordering (#1608) 2024-03-18 21:50:02 -04:00
xliff Add Repository Index + Chart Rename + Docs Rename (#1708) 2024-04-21 09:42:25 -07:00
.dockerignore
.editorconfig
.eslintrc.js Fix missing page component imports (#1610) 2024-03-18 20:55:35 -07:00
.gitignore
.prettierignore Ensure linting & formatting runs in CI (#1512) 2024-01-31 18:25:44 -05:00
.vscode
00-browsertrix-nginx-init.sh
Dockerfile Reorganize frontend build files (#1803) 2024-05-15 19:46:52 -07:00
frontend.conf.template quickfix: nginx: have nginx serve the fallback index.html with a 200 instead of a 404 (#1742) 2024-04-24 07:09:08 +02:00
index.d.ts enable a few more useful eslint suggestions & correct some more types (#1517) 2024-02-09 16:14:08 -08:00
lit-localize.json
minio.conf
package.json version: bump to 1.10.1 2024-05-23 22:24:58 -07:00
playwright.config.ts
postcss.config.js
prettier.config.js Fix mismatch in prettier import order config (#1609) 2024-03-18 22:14:13 -04:00
README.md
sample.env.local
tailwind.config.js Reorganize frontend build files (#1803) 2024-05-15 19:46:52 -07:00
tsconfig.eslint.json Upgrade Prettier to 3 (#1513) 2024-01-31 20:56:17 -05:00
tsconfig.json Initial QA Review UI! (#1624) 2024-04-04 15:09:52 -07:00
web-test-runner.config.mjs Fix asset imports in tests (#1611) 2024-03-19 13:06:07 -07:00
webpack.config.js Reorganize frontend build files (#1803) 2024-05-15 19:46:52 -07:00
webpack.dev.js Reorganize frontend build files (#1803) 2024-05-15 19:46:52 -07:00
webpack.prod.js Emit eslint errors during webpack builds & during dev (#1667) 2024-04-09 17:42:31 -04:00
yarn.lock Upgrade Shoelace for UI fixes (#1806) 2024-05-16 11:36:08 -07:00