Added a type sample component and mentioned in the sample create scre…

…en (#90)

* Added the environment file of UPYOG

* Update index.html

* Added a type sample component and mentioned in the sample create screen

frontend/micro-ui/web/micro-ui-internals/packages/Mukta/src/Module.js

@@ -6,7 +6,7 @@ import { CustomisedHooks } from "./hooks";
 import { UICustomizations } from "./configs/UICustomizations";
 import HRMSCard from "./components/HRMSCard";
 import MuktaCard from "./components/MuktaCard";
-
+import SampleComponent from "./components/SampleComponent";
 
 
 const MuktaModule = ({ stateCode, userType, tenants }) => {
@@ -32,7 +32,9 @@ const componentsToRegister = {
   MuktaCard,
   DSSCard:null,  // TO HIDE THE DSS CARD IN HOME SCREEN as per MUKTA
   AttendenceMgmtCard:null , // TO HIDE THE Attendance Mgmt CARD IN HOME SCREEN as per MUKTA
-  HRMSCard // Overridden the HRMS card as per MUKTA
+  HRMSCard ,// Overridden the HRMS card as per MUKTA
+
+  SampleComponent
 };
 
 const overrideHooks = () => {

frontend/micro-ui/web/micro-ui-internals/packages/Mukta/src/components/SampleComponent.js

@@ -0,0 +1,28 @@
+import React, { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+
+const SampleComponent = (props) => {
+  const [data, updateData] = useState({});
+  const { t } = useTranslation();
+  useEffect(() => {
+    updateData(props?.formData || {});
+  }, [props, props?.formData]);
+  return (
+    <div>
+      <h3>View Entered Data(SampleComponent)</h3>
+      <div className="sample-component-style">
+        {Object.keys(data).map((key) => {
+          return (
+            data?.[key] && (
+              <div>
+                {key} : {JSON.stringify(data?.[key])}
+              </div>
+            )
+          );
+        })}
+      </div>
+    </div>
+  );
+};
+
+export default SampleComponent;

frontend/micro-ui/web/micro-ui-internals/packages/Mukta/src/pages/employee/Sample.js

@@ -128,6 +128,7 @@ export const newConfig = [
         disable: false,
         populators: { name: "additionalDetails", error: "sample error message", validation: { pattern: /^[A-Za-z]+$/i } },
       },
+
       // {
       //   isMandatory: true,
       //   key: "genders",
@@ -173,7 +174,12 @@ export const newConfig = [
           ],
         },
       },
-
+      {
+        "type": "component",
+        "component": "SampleComponent",
+        "withoutLabel": true,
+        "key": "comments"
+      },
     ],
   },
 ];