Skip to content

Conversation

lenhanphung
Copy link
Contributor

Replace the default trash icon from cozy-ui with a custom SVG asset in the Empty trash component to improve visual appearance.

This change improves the user experience when viewing empty trash folder.

Replace the default trash icon from cozy-ui with a custom SVG asset
in the Empty trash component to improve visual appearance.

This change improves the user experience when viewing empty trash folder.
Copy link

bundlemon bot commented Apr 1, 2025

BundleMon

Files updated (3)
Status Path Size Limits
public/static/js/public.(hash).js
98.75KB (+1.19KB +1.22%) -
static/js/main.(hash).js
127.33KB (+1.11KB +0.88%) -
static/js/cozy.(hash).js
896.58KB (-73B -0.01%) -
Unchanged files (18)
Status Path Size Limits
static/js/(chunkId).(hash).js
1.05MB -
public/static/js/(chunkId).(hash).js
851.17KB -
public/static/js/cozy.(hash).js
760.31KB -
(hash).js
337.62KB -
public/(hash).js
337.62KB -
services/qualificationMigration.js
271.6KB -
services/dacc.js
254.54KB -
public/static/js/lib-react.(hash).js
39.37KB -
static/js/lib-react.(hash).js
39.37KB -
public/static/css/cozy.(hash).css
34.59KB -
static/css/cozy.(hash).css
34.59KB -
public/static/js/lib-router.(hash).js
22.05KB -
static/js/lib-router.(hash).js
22.05KB -
static/css/main.(hash).css
16.24KB -
public/static/css/public.(hash).css
5.59KB -
manifest.webapp
1.91KB -
index.html
687B -
assets/manifest.json
185B -

Total files change +2.24KB +0.04%

Groups updated (1)
Status Path Size Limits
**/*.js
6.67MB (+2.21KB +0.03%) -
Unchanged groups (2)
Status Path Size Limits
**/*.{png,svg,ico}
2.19MB -
**/*.css
130.96KB -

Final result: ✅

View report in BundleMon website ➡️


Current branch size history | Target branch size history

}

let iconToShow = EmptyIcon[type]
if (isTwakeTheme() && type !== 'trash') {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

if we can use only isTwakeTheme() in the condition, it will be easier to simplify the code when we no longer need this condition (and then have to remove uesless code in few weeks)

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

updated

Update the condition in Empty.jsx to only check isTwakeTheme() which makes the code cleaner and easier to remove when this condition is no longer needed.
@lenhanphung lenhanphung merged commit c1d41e2 into master Apr 2, 2025
4 checks passed
@lenhanphung lenhanphung deleted the feature/empty-trash-illustration branch April 2, 2025 06:18
@@ -27,7 +27,7 @@ const EmptyCanvas = ({ type, canUpload, localeKey, hasTextMobileVersion }) => {
const { isMobile } = useBreakpoints()

let iconToShow = EmptyIcon[type]
if (isTwakeTheme() && type !== 'trash') {
if (isTwakeTheme()) {
Copy link
Contributor

@JF-Cozy JF-Cozy Apr 2, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I meant to use isTwakeTheme() only somehow 🤔 so by changing the code if necessary... do we have the same result here than before?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants