@asaleh37/ui-base 1.2.20 → 1.2.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asaleh37/ui-base",
-  "version": "1.2.20",
+  "version": "1.2.22",
   "description": "",
   "license": "ISC",
   "author": "Ahmed Saleh Mohamed",

package/src/components/common/Home.tsx

@@ -5,33 +5,39 @@ import ReportViewer from "../templates/report/ReportViewer";
 import WorkflowDocumentPanel from "../templates/workflow/WorkflowDocumentPanel";
 import DashboardViewer from "../templates/visuals/DashboardViewer";
 import AttachmentPanel from "../templates/attachment/AttachmentPanel";
+import { useSelector } from "react-redux";
 
 const Home: React.FC = () => {
+  const AppInfo = useSelector((state: any) => state.AppInfo.value);
+  console.log("AppInfo", AppInfo);
   return (
-    // <DashboardViewer dashboardCode="XX_TEMPLATE_DASHBOARD" />
-    <AttachmentPanel attachmentCode="DOC" refKey="1"/>
-    // <Box
-    //   sx={{
-    //     display: "flex",
-    //     flexDirection: "column",
-    //     alignItems: "center",
-    //     justifyContent: "center",
-    //     flex: 1,
-    //     fontSize: 24,
-    //     fontWeight: "bold",
-    //   }}
-    // >
-    //   <img src="logo.png" style={{ margin: 5 }} />
-    //   <div>Welcome to Ezzsteel Flat Product Management System</div>
-    //   <div style={{ fontSize: 16 }}>
-    //     Use side menu [
-    //     <FontAwesomeIcon
-    //       icon="bars"
-    //       style={{ marginLeft: 10, marginRight: 10 }}
-    //     />
-    //     ] to navigate to your authorized system modules
-    //   </div>
-    // </Box>
+    <Box
+      sx={{
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        flex: 1,
+        fontSize: 24,
+        fontWeight: "bold",
+      }}
+    >
+      <img
+        src={AppInfo.appLogo}
+        style={{ margin: 5, height: 200, width: 200 }}
+      />
+      <div>
+        Welcome to {AppInfo.appName} v.{AppInfo.appVersion}
+      </div>
+      <div style={{ fontSize: 16 }}>
+        Use side menu [
+        <FontAwesomeIcon
+          icon="bars"
+          style={{ marginLeft: 10, marginRight: 10 }}
+        />
+        ] to navigate to your authorized system modules
+      </div>
+    </Box>
   );
 };