@openmrs/esm-stock-management-app 1.0.1-pre.420 → 1.0.1-pre.435

package/src/stock-sources/stock-sources-items-table.component.tsx

@@ -15,8 +15,10 @@ import {
   Tile,
   DataTableSkeleton,
   TableToolbarSearch,
+  TableToolbarMenu,
+  TableToolbarAction,
 } from "@carbon/react";
-import { isDesktop } from "@openmrs/esm-framework";
+import { isDesktop, restBaseUrl } from "@openmrs/esm-framework";
 import useStockSourcesPage from "./stock-sources-items-table.resource";
 import { ResourceRepresentation } from "../core/api/api";
 import AddStockSourceActionButton from "./add-stock-source-button.component";
@@ -25,11 +27,16 @@ import styles from "./stock-sources.scss";
 import { useTranslation } from "react-i18next";
 import StockSourcesDeleteActionMenu from "./stock-sources-delete/stock-sources-delete.component";
 import EditStockSourceActionsMenu from "./edit-stock-source/edit-stock-source.component";
+import { handleMutate } from "../utils";
 
 const StockSourcesItems: React.FC = () => {
   const { t } = useTranslation();
   const [selectedSourceType, setSelectedSourceType] = React.useState("");
 
+  const handleRefresh = () => {
+    handleMutate(`${restBaseUrl}/stockmanagement/stocksource`);
+  };
+
   // get sourcess
   const {
     items,
@@ -123,6 +130,11 @@ const StockSourcesItems: React.FC = () => {
                 >
                   <StockSourcesFilter onFilterChange={handleFilterChange} />
                 </div>
+                <TableToolbarMenu>
+                  <TableToolbarAction onClick={handleRefresh}>
+                    Refresh
+                  </TableToolbarAction>
+                </TableToolbarMenu>
 
                 <AddStockSourceActionButton />
               </TableToolbarContent>

package/src/stock-user-role-scopes/stock-user-role-scopes-items-table.component.tsx

@@ -17,10 +17,12 @@ import {
   TableToolbarContent,
   TableToolbarSearch,
   Tile,
+  TableToolbarMenu,
+  TableToolbarAction,
 } from "@carbon/react";
 import styles from "./stock-user-role-scopes.scss";
 import { ArrowDownLeft, ArrowLeft } from "@carbon/react/icons";
-import { isDesktop, useSession } from "@openmrs/esm-framework";
+import { isDesktop, restBaseUrl, useSession } from "@openmrs/esm-framework";
 import { ResourceRepresentation } from "../core/api/api";
 import useStockUserRoleScopesPage from "./stock-user-role-scopes-items-table.resource";
 import AddStockUserRoleScopeActionButton from "./add-stock-user-role-scope-button.component";
@@ -28,11 +30,15 @@ import { formatDisplayDate } from "../core/utils/datetimeUtils";
 import EditStockUserRoleActionsMenu from "./edit-stock-user-scope/edit-stock-user-scope-action-menu.component";
 import StockUserScopeDeleteActionMenu from "./delete-stock-user-scope/delete-stock-user-scope.component";
 import { URL_USER_ROLE_SCOPE } from "../constants";
+import { handleMutate } from "../utils";
 
 function StockUserRoleScopesItems() {
   const { t } = useTranslation();
 
   const currentUser = useSession();
+  const handleRefresh = () => {
+    handleMutate(`${restBaseUrl}/stockmanagement/userrolescope`);
+  };
 
   // get user scopes
   const {
@@ -192,6 +198,11 @@ function StockUserRoleScopesItems() {
             >
               <TableToolbarContent className={styles.toolbarContent}>
                 <TableToolbarSearch persistent onChange={onInputChange} />
+                <TableToolbarMenu>
+                  <TableToolbarAction onClick={handleRefresh}>
+                    Refresh
+                  </TableToolbarAction>
+                </TableToolbarMenu>
                 <AddStockUserRoleScopeActionButton />
               </TableToolbarContent>
             </TableToolbar>