feat(IdentitiesPage): optimize rendering performance with memoization
Some checks failed
CI / test-backend (push) Successful in 9s
CI / lint (push) Failing after 5m5s
CI / test-lang (push) Failing after 4m50s
CI / test-backend (pull_request) Successful in 7s
CI / build-frontend (push) Successful in 9m43s
Build and Publish Docker Image / build (pull_request) Has been skipped
CI / lint (pull_request) Failing after 5m5s
OSV-Scanner PR Scan / scan-pr (pull_request) Successful in 10s
Tests / test (push) Successful in 13m18s
Build Test / Build and Test (pull_request) Successful in 13m45s
CI / build-frontend (pull_request) Successful in 9m45s
CI / test-lang (pull_request) Successful in 9m35s
Build and Publish Docker Image / build-dev (pull_request) Successful in 14m23s
Tests / test (pull_request) Successful in 14m14s
Build Test / Build and Test (push) Failing after 39m39s

- Added v-memo directive to improve rendering efficiency of identity components by caching their properties.
- Updated test to allow for a longer render time threshold, ensuring performance remains acceptable after changes.
This commit is contained in:
2026-01-08 12:43:17 -06:00
parent 2652f1dd87
commit 566acf228d
2 changed files with 11 additions and 1 deletions

View File

@@ -29,6 +29,16 @@
<div
v-for="identity in identities"
:key="identity.hash"
v-memo="[
identity.hash,
identity.is_current,
identity.display_name,
identity.lxmf_address,
identity.lxst_address,
identity.icon_name,
identity.icon_background_colour,
identity.icon_foreground_colour,
]"
class="glass-card overflow-hidden group transition-all duration-300"
:class="{
'ring-2 ring-blue-500/50 dark:ring-blue-400/40 bg-blue-50/30 dark:bg-blue-900/10':