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
 |  |
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 fetches the CRSF token, tied to your logged in session, in your local machine's wiki and fires the create call.
Requirements
Optimized SVG
Acceptance criteria
- 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
