updated the quick link component (#386)

Co-authored-by: manasa <[email protected]>

Author: 4manasa

packages/angular-sdk-components/src/lib/_components/widget/quick-create/quick-create.component.ts

@@ -40,38 +40,57 @@ export class QuickCreateComponent implements OnInit, OnChanges {
 
   initComponent() {
     this.configProps$ = this.pConn$.resolveConfigProps(this.pConn$.getConfigProps()) as QuickCreateProps;
-
     this.heading$ = this.configProps$.heading;
     this.showCaseIcons$ = this.configProps$.showCaseIcons;
     this.classFilter$ = this.configProps$.classFilter;
-
+    const cases: any = [];
+    const defaultCases: any = [];
     const envInfo = PCore.getEnvironmentInfo();
-    if (
-      this.classFilter$ &&
-      envInfo.environmentInfoObject &&
-      envInfo.environmentInfoObject.pyCaseTypeList &&
-      envInfo.environmentInfoObject.pyCaseTypeList.length > 0
-    ) {
-      this.classFilter$.forEach(item => {
-        let icon = this.utils.getImageSrc('polaris-solid', this.utils.getSDKStaticContentUrl());
-        let label = '';
-        (envInfo.environmentInfoObject as any).pyCaseTypeList.forEach(casetype => {
-          if (casetype.pyWorkTypeImplementationClassName === item) {
-            icon = casetype.pxIcon && this.utils.getImageSrc(casetype?.pxIcon, this.utils.getSDKStaticContentUrl());
-            label = casetype.pyWorkTypeName ?? '';
-          }
-        });
-        if (label !== '') {
-          this.cases$.push({
-            label,
+    if (envInfo?.environmentInfoObject?.pyCaseTypeList) {
+      envInfo.environmentInfoObject.pyCaseTypeList.forEach((casetype: any) => {
+        if (casetype.pyWorkTypeName && casetype.pyWorkTypeImplementationClassName) {
+          defaultCases.push({
+            classname: casetype.pyWorkTypeImplementationClassName,
+            onClick: () => {
+              this.createCase(casetype.pyWorkTypeImplementationClassName);
+            },
+            ...(this.showCaseIcons$ && { icon: this.utils.getImageSrc(casetype?.pxIcon, this.utils.getSDKStaticContentUrl()) }),
+            label: casetype.pyWorkTypeName
+          });
+        }
+      });
+    } else {
+      const pConnectInAppContext = PCore.createPConnect({
+        options: { context: PCore.getConstants().APP.APP }
+      }).getPConnect();
+      const pyPortalInAppContext = pConnectInAppContext.getValue('pyPortal') as any;
+      pyPortalInAppContext?.pyCaseTypesAvailableToCreate?.forEach(casetype => {
+        if (casetype.pyClassName && casetype.pyLabel) {
+          defaultCases.push({
+            classname: casetype.pyClassName,
             onClick: () => {
-              this.createCase(item);
+              this.createCase(casetype.pyClassName);
             },
-            ...(this.showCaseIcons$ && { icon })
+            ...(this.showCaseIcons$ && { icon: this.utils.getImageSrc(casetype?.pxIcon, this.utils.getSDKStaticContentUrl()) }),
+            label: casetype.pyLabel
           });
         }
       });
     }
+
+    /* If classFilter is not empty - filter from the list of defaultCases */
+    if (this.classFilter$?.length > 0) {
+      this.classFilter$.forEach(item => {
+        defaultCases.forEach(casetype => {
+          if (casetype.classname === item) {
+            cases.push(casetype);
+          }
+        });
+      });
+      this.cases$ = cases;
+    } else {
+      this.cases$ = defaultCases;
+    }
   }
 
   ngOnInit() {