Index: src/stock-adjustment-mobile/_adjustment-mobile.scss
===================================================================
diff -u -N -r112d9b69164f6cbb93c29dbe9b3bfff80fb35a9d -rd995ecc1b4bcb36aeca37185706b3be57e8dfeca
--- src/stock-adjustment-mobile/_adjustment-mobile.scss	(.../_adjustment-mobile.scss)	(revision 112d9b69164f6cbb93c29dbe9b3bfff80fb35a9d)
+++ src/stock-adjustment-mobile/_adjustment-mobile.scss	(.../_adjustment-mobile.scss)	(revision d995ecc1b4bcb36aeca37185706b3be57e8dfeca)
@@ -2,6 +2,23 @@
     flex: 1 0 auto;
     display: flex;
     flex-direction: column;
+
+    .confirmation-dialog {
+      display: flex;
+      flex: 1 0;
+      flex-direction: column;
+      box-shadow: 0 0 0.5em $shadow;
+      border-radius: 3px;
+      padding: 2em;
+      background-color: $white;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      text-align: center;
+      min-height: 100vh;
+      top: 50%;
+      left: 50%;
+    }
   
     .add-products-button {
       margin-left: auto;
@@ -162,6 +179,6 @@
           margin-bottom: 1em;
         }
       }
-    
     }
-}
\ No newline at end of file
+
+}
Index: src/stock-adjustment-mobile/add-products-page/add-product-page.jsx
===================================================================
diff -u -N -r3d9d4c87f856e5dd5cf72f5a8bd689d12a918e87 -rd995ecc1b4bcb36aeca37185706b3be57e8dfeca
--- src/stock-adjustment-mobile/add-products-page/add-product-page.jsx	(.../add-product-page.jsx)	(revision 3d9d4c87f856e5dd5cf72f5a8bd689d12a918e87)
+++ src/stock-adjustment-mobile/add-products-page/add-product-page.jsx	(.../add-product-page.jsx)	(revision d995ecc1b4bcb36aeca37185706b3be57e8dfeca)
@@ -29,7 +29,7 @@
 import { appendToAdjustment } from '../reducers/adjustment';
 
 
-const AddProductsPage = ({ adjustmentType, offlineService }) => {
+const AddProductsPage = ({}) => {
     const history = useHistory();
     const dispatch = useDispatch();
     
@@ -129,6 +129,7 @@
             if (lotCode === productLot) {
                 values.orderable = prod.orderable;
                 values.stockCard = prod.stockCard;
+                values.productName = prod.orderable.fullProductName;
             }
         });
 
Index: src/stock-adjustment-mobile/adjustment-form.component.jsx
===================================================================
diff -u -N -r42dda28050aaa4942efcbeb743eecce421e9579f -rd995ecc1b4bcb36aeca37185706b3be57e8dfeca
--- src/stock-adjustment-mobile/adjustment-form.component.jsx	(.../adjustment-form.component.jsx)	(revision 42dda28050aaa4942efcbeb743eecce421e9579f)
+++ src/stock-adjustment-mobile/adjustment-form.component.jsx	(.../adjustment-form.component.jsx)	(revision d995ecc1b4bcb36aeca37185706b3be57e8dfeca)
@@ -13,21 +13,17 @@
  * http://www.gnu.org/licenses.  For additional information contact info@OpenLMIS.org. 
  */
 
-import React, { useState, useEffect, useMemo } from 'react';
+import React from 'react';
 import {useDispatch, useSelector} from 'react-redux';
 import { useHistory } from 'react-router-dom';
-import { Form } from 'react-final-form';
-import arrayMutators from 'final-form-arrays';
-import { FieldArray } from 'react-final-form-arrays';
-import update from 'immutability-helper';
 
-import InputField from '../react-components/form-fields/input-field';
-import { formatLot, formatProductName, formatDate } from './format-utils';
-import ReadOnlyField from '../react-components/form-fields/read-only-field';
+import { toastProperties } from './format-utils';
 import InlineField from '../react-components/form-fields/inline-field';
 import AddButton from '../react-components/buttons/add-button';
 import confirmAlertCustom from '../react-components/modals/confirm';
 import { resetAdjustment } from './reducers/adjustment';
+import { setToastList } from './reducers/toasts';
+import BlockList from './components/block-list.component';
 
 
 const AdjustmentForm = ({ stockAdjustmentCreationService,
@@ -38,6 +34,7 @@
     const adjustment = useSelector(state => state.adjustment.adjustment);
     const userHomeFacility = useSelector(state => state.facilities.userHomeFacility);
     const program = useSelector(state => state.program.program);
+    const toastList = useSelector(state => state.toasts.toasts);
 
     const onSubmit = () => {
         confirmAlertCustom ({
@@ -48,29 +45,43 @@
         });
     };
 
+    const showToast = (type) => {
+        const toastPropertiesList = toastProperties.find((toast) => toast.title.toLowerCase() === type);
+        dispatch(setToastList([...toastList, toastPropertiesList]));
+    };
+
     const submitAdjustment = () => {
         stockAdjustmentCreationService.submitAdjustments(program.programId, userHomeFacility.id, adjustment, {
             state: 'adjustment'
         }).then(() => {
-            // TODO - add toast to inform user that there is success
             dispatch(resetAdjustment(adjustment));
+            showToast('success');
             history.push("/makeAdjustmentAddProducts/submitAdjustment/programChoice");
         })
         .catch(() => {
-            // TODO - add toast to inform user that there is error
+            showToast('error');
             history.push("/makeAdjustmentAddProducts/submitAdjustment/programChoice");
         });
     }
 
     const onDelete = () => {
         // TODO - delete products from adjustment
+        showToast('success');
         history.push("/makeAdjustmentAddProducts/submitAdjustment/programChoice");
     };
 
     const addProduct = () => {
         history.push("/makeAdjustmentAddProducts");
     };
 
+    const dataToDisplay = [
+        {"key": "productName", "textToDisplay": ""}, 
+        {"key": "stockOnHand", "textToDisplay": "Stock on Hand"}, 
+        {"key": "displayLotMessage", "textToDisplay": "Lot Code"}, 
+        {"key": "occurredDate", "textToDisplay": "Occured Date"}
+    ];
+    const headerToDisplay = "productName";
+
     return (
         <div style={{marginBottom: "40px"}}>
             <div className="page-header-responsive">
@@ -84,11 +95,16 @@
                         </div>
                 </div>
             </div>
+            <BlockList
+                data={adjustment}
+                dataToDisplay={dataToDisplay}
+                headerToDisplay={headerToDisplay}
+            />
             <InlineField>
                 <div className="navbar">
                     <div id='navbar-wrap'>
                         <button type="button" onClick={() => confirmAlertCustom({
-                                title: "Are you sure you want to delete all products from Adjustments?",
+                                title: "Are you sure you want to delete this Adjustment?",
                                 confirmLabel: 'Delete',
                                 confirmButtonClass: 'danger',
                                 onConfirm: () => onDelete()
Index: src/stock-adjustment-mobile/components/block-list.component.jsx
===================================================================
diff -u -N
--- src/stock-adjustment-mobile/components/block-list.component.jsx	(revision 0)
+++ src/stock-adjustment-mobile/components/block-list.component.jsx	(revision d995ecc1b4bcb36aeca37185706b3be57e8dfeca)
@@ -0,0 +1,51 @@
+/*
+ * This program is part of the OpenLMIS logistics management information system platform software.
+ * Copyright © 2017 VillageReach
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms
+ * of the GNU Affero General Public License as published by the Free Software Foundation, either
+ * version 3 of the License, or (at your option) any later version.
+ *  
+ * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
+ * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 
+ * See the GNU Affero General Public License for more details. You should have received a copy of
+ * the GNU Affero General Public License along with this program. If not, see
+ * http://www.gnu.org/licenses.  For additional information contact info@OpenLMIS.org. 
+ */
+
+import React from 'react';
+
+const BlockList = ({data, dataToDisplay, headerToDisplay}) => {
+    return (
+        <div className="react-block-list-container" style={{width: "100%"}}>
+            <div className="react-block-list-content">
+                {data.map((row, i) => {
+                    return (
+                        <div className="react-block-list-container-row" style={{height: "160px", width: "100%",  borderBottom: "1px solid #dbdada", borderTop: "1px solid #dbdada"}}>    
+                            {dataToDisplay.map((display, index) => {
+                                if (row.hasOwnProperty(display.key)) {
+                                    if (headerToDisplay === display.key) {
+                                        return ( 
+                                            <div className="react-block-list-container-header-text" style={{height: "16px", display: "flex", marginBottom: "16px", marginTop: "16px"}}>
+                                                <h3 style={{marginLeft: "5%", fontWeight: "bold", fontSize: "18px"}}>{row[display.key]}</h3>
+                                            </div>
+                                        );  
+                                    } else {
+                                        return ( 
+                                            <div className="react-block-list-container-text" style={{height: "16px", display: "flex", justifyContent: "space-between", marginBottom: "16px"}}>
+                                                <p style={{marginLeft: "5%", fontSize: "16px"}}>{display.textToDisplay}</p>
+                                                <p style={{marginRight: "8%", fontSize: "16px", fontWeight: "bold"}}>{row[display.key]}</p>
+                                            </div>
+                                        );
+                                    }    
+                                }
+                            })}
+                        </div>
+                    );
+                })}  
+            </div>
+        </div>
+    );
+};
+
+export default BlockList;
Index: src/stock-adjustment-mobile/components/toast.component.jsx
===================================================================
diff -u -N
--- src/stock-adjustment-mobile/components/toast.component.jsx	(revision 0)
+++ src/stock-adjustment-mobile/components/toast.component.jsx	(revision d995ecc1b4bcb36aeca37185706b3be57e8dfeca)
@@ -0,0 +1,60 @@
+import React, { useEffect } from 'react';
+import {useDispatch, useSelector} from 'react-redux';
+import { setToastList } from '../reducers/toasts';
+
+
+const Toast = props => {
+    const { position, autoDelete, autoDeleteTime } = props;
+    const dispatch = useDispatch();
+    var toastList = useSelector(state => state.toasts.toasts);
+    
+    useEffect(() => {
+        let listToRemove = toastList;
+        const interval = setInterval(() => {
+            if (autoDelete && listToRemove.length) {
+                if(listToRemove.length !== 0) {
+                    listToRemove = deleteToast(listToRemove[0].id, listToRemove);
+                    toastList = listToRemove;
+                    dispatch(setToastList(toastList));
+                }
+            }
+        }, autoDeleteTime);
+        
+        return () => {
+            clearInterval(interval);
+        }
+
+    }, [toastList, autoDelete, autoDeleteTime]);
+
+    const deleteToast = (id, listToRemove) => {
+        const listItemIndexToRemove = listToRemove.findIndex(element => element.id === id);
+        return listToRemove.filter((element, index) => index !== listItemIndexToRemove);
+    }
+
+    return (
+        <>
+            <div style={{justifyContent: "center", display: "flex"}}>
+                {
+                    toastList.map((toast, i) =>     
+                        <div 
+                            key={i}
+                            className={`notification toast ${position}`}
+                            style={{ 
+                                backgroundColor: toast.backgroundColor,
+                                width: "328px" 
+                            }}
+                        >
+                            <div>
+                                <p className="notification-message">
+                                    {toast.description}
+                                </p>
+                            </div>
+                        </div>
+                    )
+                }
+            </div>
+        </>
+    );
+}
+
+export default Toast;
Index: src/stock-adjustment-mobile/components/toast.css
===================================================================
diff -u -N
--- src/stock-adjustment-mobile/components/toast.css	(revision 0)
+++ src/stock-adjustment-mobile/components/toast.css	(revision d995ecc1b4bcb36aeca37185706b3be57e8dfeca)
@@ -0,0 +1,50 @@
+.notification-container {
+	font-size: 18px;
+	box-sizing: border-box;
+	position: fixed;
+	z-index: 999999;
+    bottom: "0"
+}
+
+.notification {
+	transition: .3s ease;
+	position: relative;
+	pointer-events: auto;
+	overflow: hidden;
+	margin: 0 0 6px;
+	padding: 30px;
+	margin-bottom: 15px;
+	width: 300px;
+	max-height: 100px;
+	opacity: .9;
+	background-position: 15px;
+	background-repeat: no-repeat;
+}
+
+.notification-title {
+	font-weight: 700;
+	font-size: 16px;
+	text-align: center;
+	margin-top: 0;
+	margin-bottom: 6px;
+    width: 300px;
+    height: 18px;
+}
+
+.notification-message {
+	margin: 0;
+	text-align: center;
+    height: 18px;
+    margin-left: -1px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.toast {
+    height: 50px;
+    width: 328px;
+	padding: 20px 15px 10px 10px;
+    display: flex;
+    justify-content: center;
+}
Index: src/stock-adjustment-mobile/format-utils.jsx
===================================================================
diff -u -N -r112d9b69164f6cbb93c29dbe9b3bfff80fb35a9d -rd995ecc1b4bcb36aeca37185706b3be57e8dfeca
--- src/stock-adjustment-mobile/format-utils.jsx	(.../format-utils.jsx)	(revision 112d9b69164f6cbb93c29dbe9b3bfff80fb35a9d)
+++ src/stock-adjustment-mobile/format-utils.jsx	(.../format-utils.jsx)	(revision d995ecc1b4bcb36aeca37185706b3be57e8dfeca)
@@ -54,3 +54,18 @@
 
     return lot.lotCode;
 };
+
+export const toastProperties = [
+    {
+        id: Math.floor((Math.random() * 101) + 1),
+        title: 'success',
+        description: 'Your changes has been succeffully updated.',
+        backgroundColor: '#696969',
+    },
+    {
+        id: Math.floor((Math.random() * 101) + 1),
+        title: 'error',
+        description: 'We had problems saving your changes. Please try again later.',
+        backgroundColor: '#C0605E',
+    },
+]
Index: src/stock-adjustment-mobile/program-select.jsx
===================================================================
diff -u -N -r112d9b69164f6cbb93c29dbe9b3bfff80fb35a9d -rd995ecc1b4bcb36aeca37185706b3be57e8dfeca
--- src/stock-adjustment-mobile/program-select.jsx	(.../program-select.jsx)	(revision 112d9b69164f6cbb93c29dbe9b3bfff80fb35a9d)
+++ src/stock-adjustment-mobile/program-select.jsx	(.../program-select.jsx)	(revision d995ecc1b4bcb36aeca37185706b3be57e8dfeca)
@@ -21,6 +21,7 @@
 import { setReasons } from './reducers/reasons';
 import { setProgram } from './reducers/program';
 import { resetAdjustment } from './reducers/adjustment';
+import Toast from './components/toast.component';
 
 
 const ProgramSelect = ({ offlineService, stockReasonsFactory, existingStockOrderableGroupsFactory }) => {
@@ -106,6 +107,10 @@
             <div className="page-content">
                 <ReadOnlyTable columns={columns} data={programs} hiddenColumns={hiddenColumns}/>
             </div>
+            <Toast 
+                autoDelete={true}
+                autoDeleteTime={3000}
+            />
         </div>
     );
 };
Index: src/stock-adjustment-mobile/reducers/toasts.jsx
===================================================================
diff -u -N
--- src/stock-adjustment-mobile/reducers/toasts.jsx	(revision 0)
+++ src/stock-adjustment-mobile/reducers/toasts.jsx	(revision d995ecc1b4bcb36aeca37185706b3be57e8dfeca)
@@ -0,0 +1,32 @@
+/*
+ * This program is part of the OpenLMIS logistics management information system platform software.
+ * Copyright © 2017 VillageReach
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms
+ * of the GNU Affero General Public License as published by the Free Software Foundation, either
+ * version 3 of the License, or (at your option) any later version.
+ *  
+ * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
+ * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 
+ * See the GNU Affero General Public License for more details. You should have received a copy of
+ * the GNU Affero General Public License along with this program. If not, see
+ * http://www.gnu.org/licenses.  For additional information contact info@OpenLMIS.org. 
+ */
+
+import { createSlice } from '@reduxjs/toolkit';
+
+export const toastsSlice = createSlice({
+    name: 'toasts',
+    initialState: {
+        toasts: [],
+    },
+    reducers: {
+        setToastList: (state, action) => {
+            state.toasts = action.payload;
+        },
+    }
+});
+
+export const {setToastList} = toastsSlice.actions;
+
+export default toastsSlice.reducer;
Index: src/stock-adjustment-mobile/store.jsx
===================================================================
diff -u -N -r112d9b69164f6cbb93c29dbe9b3bfff80fb35a9d -rd995ecc1b4bcb36aeca37185706b3be57e8dfeca
--- src/stock-adjustment-mobile/store.jsx	(.../store.jsx)	(revision 112d9b69164f6cbb93c29dbe9b3bfff80fb35a9d)
+++ src/stock-adjustment-mobile/store.jsx	(.../store.jsx)	(revision d995ecc1b4bcb36aeca37185706b3be57e8dfeca)
@@ -19,14 +19,16 @@
 import reasonsReducer from "./reducers/reasons"
 import adjustmentReducer from "./reducers/adjustment"
 import programReducer from "./reducers/program"
+import toastsReducer from "./reducers/toasts"
 
 const store = configureStore({
     reducer: {
         facilities: facilitiesReducer,
         productOptions: productOptionsReducer,
         reasons: reasonsReducer,
         adjustment: adjustmentReducer,
-        program: programReducer  
+        program: programReducer,
+        toasts: toastsReducer    
     },
     middleware: (getDefaultMiddleware) => getDefaultMiddleware({
         serializableCheck: false