Merge pull request #886 from ritza-co/reports-1

1057, 1064-1072: Purchases page and Reports pages

Author: Nadia-JSch

docs/infrastructure-management/accounting/purchases.mdx

@@ -11,34 +11,41 @@ Device42 can track purchases of devices and assets including service and warrant
 
 ### Add a Purchase
 
-To add a new purchase, navigate to **Infrastructure > Purchases** and click **+ Add Purchase**.
+To add a new purchase, navigate to **Infrastructure > Purchases** and click **Create**.
 
 This example is for a hypothetical purchase of 25 Dell PE1950 servers for the R&D department charged to **Cost Center** 12056:
-- To populate the **Total cost for non-recurring line items** value, fill in the **Quantity** and **Unit cost** details for the first line item and click **Save and continue editing**.
-- You can attach a PDF of the purchase contract by clicking **+ Add another File Attachment** and browsing to the file.
-
-<ThemedImage
-  alt="Add a new purchase"
-  sources={{
-    light: useBaseUrl('/assets/images/purchases/add-purchase-light.png'),
-    dark: useBaseUrl('/assets/images/purchases/add-purchase-dark.png'),
-  }}
-  style={{ width: '110%' }} 
-/>
+- To populate the **Total cost for non-recurring line items** value, fill in the **Quantity** and **Unit cost** details for the first line item.
+
+  <ThemedImage
+    alt="Add a new purchase"
+    sources={{
+      light: useBaseUrl('/assets/images/purchases/unit-costs-light.png'),
+      dark: useBaseUrl('/assets/images/purchases/unit-costs-dark.png'),
+    }}
+  />
+
+  <ThemedImage
+    alt="Add a new purchase"
+    sources={{
+      light: useBaseUrl('/assets/images/purchases/attachment-line-item-light.png'),
+      dark: useBaseUrl('/assets/images/purchases/attachment-line-item-dark.png'),
+    }}
+  />
+
+You can attach a PDF of the purchase contract by clicking **+ Add another File Attachment** and browsing to the file.
 
 ### Line Items 
 
 Each line item for the purchase will have a **Line Type** and an **Item Type**.
 
-For **Line Type** choose **Contract** for service, warranty, and other contracts and choose **Device/Asset/Tax etc.** for everything else.
+For **Line Type** choose **Contract** for service, warranty, and other contracts, and choose **Device/Asset/Tax etc.** for everything else.
 
 <ThemedImage
   alt="Line item options"
   sources={{
     light: useBaseUrl('/assets/images/purchases/line-type-light.png'),
     dark: useBaseUrl('/assets/images/purchases/line-type-dark.png'),
   }}
-  style={{ width: '35%' }} 
 />
 
 The **Item Type** has a list of selections that can apply to either Line Type. For example, if the Line Type is **Device/Asset/Tax etc.**, choosing **Device** for the Item Type means that this line represents one or more devices. 
@@ -51,10 +58,9 @@ If a service contract is purchased for each device, you can include a second lin
     light: useBaseUrl('/assets/images/purchases/item-type-light.png'),
     dark: useBaseUrl('/assets/images/purchases/item-type-dark.png'),
   }}
-  style={{ width: '25%' }} 
 />
 
-Here is a full view of the both line items:
+
 
 <ThemedImage
   alt="Line item 1 example"
@@ -64,19 +70,20 @@ Here is a full view of the both line items:
   }}
   style={{ width: '110%' }} 
 />
-<ThemedImage
-  alt="Line item 1 example"
-  sources={{
-    light: useBaseUrl('/assets/images/purchases/line-item-2-light.png'),
-    dark: useBaseUrl('/assets/images/purchases/line-item-2-dark.png'),
-  }}
-  style={{ width: '110%' }} 
-/>
 
 A few things to note:  
-1. If the **Line Type** is **Contract** a set of extra fields like **Frequency** will become available.  
+1. If the **Line Type** is **Contract**, a set of extra fields like **Frequency** will become available.
+
+  <ThemedImage
+    alt="Contract type"
+    sources={{
+      light: useBaseUrl('/assets/images/purchases/contract-line-type-light.png'),
+      dark: useBaseUrl('/assets/images/purchases/contract-line-type-dark.png'),
+    }}
+  />
+
 2. You can assign a **Cost Center** and **Customer** at either the purchase header level (applies to all line items) or the individual line item level.  
-3. You can associate the actual devices purchased with the line item. This can be done at the time of purchase or a later date.
+3. You can associate the actual devices purchased with the line item. This can be done at the time of purchase or at a later date.
 
 ## Reporting
 
@@ -94,20 +101,18 @@ The [Insights+](https://www.device42.com/insights-plus/) option, located on the
     light: useBaseUrl('/assets/images/purchases/reports-menu-light.png'),
     dark: useBaseUrl('/assets/images/purchases/reports-menu-dark.png'),
   }}
-  style={{ width: '85%' }}
 />
 
 ### Standard Reports
 
-Navigate to **Analytics > Standard Reports** and click **Add Report**. Select **Purchases** or **Purchase Line Items** from the **Select Object** dropdown menu to reveal related options for configuring your purchases report. Like the other reports, you can schedule and email the report results.
+Navigate to **Analytics > Standard Reports** and click **Create**. Select **Purchases** or **Purchase Line Items** from the **Select Object** dropdown menu to reveal related options for configuring your purchases report. Like the other reports, you can schedule and email the report results.
 
 <ThemedImage
   alt="Create new Standard Report"
   sources={{
     light: useBaseUrl('/assets/images/purchases/new-standard-report-light.png'),
     dark: useBaseUrl('/assets/images/purchases/new-standard-report-dark.png'),
   }}
-  style={{ width: '85%' }}
 />
 
 ### Advanced Reporting
@@ -120,5 +125,4 @@ Device42 features an [Advanced Reporting](../../reports/reports/creating-reports
     light: useBaseUrl('/assets/images/purchases/advanced-reporting-create-light.png'),
     dark: useBaseUrl('/assets/images/purchases/advanced-reporting-create-dark.png'),
   }}
-  style={{ width: '85%' }}
 />