@openmrs/esm-stock-management-app 1.0.1-pre.455 → 1.0.1-pre.464

package/src/stock-settings/stock-settings.component.tsx

@@ -1,9 +1,34 @@
 import React from "react";
+import { useTranslation } from "react-i18next";
+import styles from "./stock-settings.scss";
+import { navigate } from "@openmrs/esm-framework";
+import { Button } from "@carbon/react";
+import { UserSettings } from "@carbon/react/icons";
 
 function StockSettings() {
+  const { t } = useTranslation();
+
   return (
-    <div style={{ margin: "5px" }}>
-      <span>Coming Soon...</span>
+    <div className={styles.StockSettings}>
+      <div className={styles.title}>
+        {t(
+          "comingSoonUnderDev",
+          "Exciting updates are on the way! In the meantime, use the link below to access Admin UI settings."
+        )}
+      </div>
+
+      <Button
+        onClick={() =>
+          navigate({
+            to: `\${openmrsBase}/admin/maintenance/settings.list?show=Stockmanagement`,
+          })
+        }
+        size="md"
+        renderIcon={() => <UserSettings className="cds--btn__icon" size={24} />}
+        kind="ghost"
+      >
+        {t("adminSettings", "Admin settings")}
+      </Button>
     </div>
   );
 }

package/src/stock-settings/stock-settings.scss

@@ -0,0 +1,23 @@
+@use '@carbon/colors';
+@use '@carbon/layout';
+@use "../root.scss" as *;
+
+.StockSettings {
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    justify-content: flex-end;
+    min-height: calc(layout.$layout-07 * 1.25);
+    border: 1px solid colors.$gray-20;
+    margin: layout.$spacing-03;
+    align-items: center;
+    background-color: colors.$white-0;
+
+    &>button {
+        margin-bottom: layout.$layout-03;
+    }
+}
+
+.title {
+    @extend .productiveHeading01;
+}

package/src/types/index.ts

@@ -0,0 +1,5 @@
+export interface DashboardConfig {
+  name: string;
+  slot: string;
+  title: string;
+}