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
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:
@@ -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':
|
||||
|
||||
Reference in New Issue
Block a user