[IMP] Inventory: change closing operation names in cheat sheet

The names of the accrual entry operations were updated. Plus new screenshots. (Plus a little dead code removal. 🤫)

Task ID: [5107300](https://www.odoo.com/odoo/my-tasks/5107300)

closes #15179

Signed-off-by: Felicia Kuan (feku) <feku@odoo.com>

Author: robodoo

content/applications/inventory_and_mrp/inventory/inventory_valuation/cheat_sheet.rst

@@ -399,10 +399,15 @@ thanks to the incoming moves with a remaining quantity, go to :menuselection:`Ac
 
 To generate a new accounting entry to review and post, click :guilabel:`Generate Entry`.
 
+.. h:div:: doc-aside
+
+  .. image:: cheat_sheet/valuation-accounting.png
+
 To view a list of sales and purchase orders for which accrual entries should be encoded, go to
-:menuselection:`Accounting --> Review` and select the relevant menu item (:guilabel:`Invoices not
-received`, :guilabel:`Invoices to be issued`, :guilabel:`Prepaid expenses`, or :guilabel:`Deferred
-Revenues`).
+:menuselection:`Accounting --> Review` and select the relevant menu item (:guilabel:`Bill To
+Receive`, :guilabel:`Invoices To Be Issued`, :guilabel:`Billed Not Received` and :guilabel:`Invoiced
+Not Delivered`). Select the desired lines and click :guilabel:`Create Accrual
+Entries`.
 
 With Anglo-Saxon perpetual accounting, this will also help to distribute recorded inventory
 variations to accounts such as Bills to Receive/:abbr:`GRNI (goods received not invoiced)` or
@@ -411,7 +416,10 @@ and :ref:`Journal Entries Configuration <journal-entries>` sections.
 
 .. h:div:: doc-aside
 
-  .. image:: cheat_sheet/valuation-accounting.png
+  .. image:: cheat_sheet/accrual.png
+  .. image:: cheat_sheet/accrual1.png
+  .. image:: cheat_sheet/accrual2.png
+  .. image:: cheat_sheet/accrual3.png
 
 
 .. _changes-in-19:

content/applications/inventory_and_mrp/inventory/inventory_valuation/cheat_sheet/accrual.png

@@ -158,16 +158,10 @@
             if (!this.props.items || this.props.items.isEmpty()) {
                 return React.DOM.div();
             }
-            const items = this.props.items;
-            const idx = items.indexOf(null);
-            if (idx !== -1) {
-                // console.log(items.slice(idx + 1).deref());
-                items = items.take(idx);
-            }
             return React.DOM.div(
                 { className: 'entries-listing' },
                 React.DOM.h4(null, this.props.heading, ':'),
-                items.map(function (item, index) {
+                this.props.items.map(function (item, index) {
                     return React.DOM.p({ key: index }, item);
                 })
             );