== Background
The empty state is slightly different, so this ticket covers updating the copy and images for All Items view and custom list view if either or both is empty
Step 1 is get updated SVGs from Sneha
Don't worry about the mobile collections view yet as this page will likely not exist when this ticket is picked up
=== User story
As a logged in Wikipedia user, I can navigate to my reading list before I have saved anything or created any custom collections and see the appropriate empty state UI that informs me that I have no items/collections yet. From here, I am able to create empty custom collections even before adding any articles to them.
=== Design requirements
{F93630844}
| {F93631443 width=300} | {F93631400 width=300}
[[ https://www.figma.com/design/Q3pYKI7RRMdRRgkQp2RiTf/Web--Reading-List-Collections?node-id=3182-118441&m=dev | Figma ]]
==== Technical notes
When debugging in web without help of the apps, to add a custom list put this into your browser console
```
new mw.Api().postWithToken( 'csrf', {
action: 'readinglists',
command: 'create',
name: 'My custom list',
description: '',
format: 'json'
} ).then( ( data ) => {
const id = data.create.id;
location.href = mw.util.getUrl(
'Special:ReadingLists/' + mw.config.get( 'wgUserName' ) + '/' + id
);
} );
```
This adds a CRSF token, tied to your logged in session, in your local machine's wiki.
---
== Requirements
Optimized SVG
{F96126640}
=== Acceptance criteria
[x] Receive SVGs from @Sneha
- [] Empty state has been updated when all items is empty
- [] Empty state has been updated when custom list is empty
- [] Confirm with Sneha/Steph whether all items view should be feature flagged or not
=== QA strategy
- **Risky change?** Low risk as I believe this is not cached and managed via JS/CSS
- **QA by:** QS, PM, and/or Design
- **QA in:** Patchdemo, beta, and/or prod
- **Test steps:** //Add if needed.//
=== Rollback plan
Revert - should be a fast change due to all JS/CSS, but should also not be high severity most likely