Merge pull request #6813 from mpmadhavig/application-warning-banner

Application warning banner
wso2 · Oct 9, 2024 · acbfbb9 · acbfbb9
2 parents 0f186ab + 35078b0
commit acbfbb9
Show file tree

Hide file tree

Showing 15 changed files with 539 additions and 10 deletions.
diff --git a/.changeset/smooth-snakes-vanish.md b/.changeset/smooth-snakes-vanish.md
@@ -0,0 +1,11 @@
+---
+"@wso2is/admin.applications.v1": patch
+"@wso2is/admin.connections.v1": patch
+"@wso2is/admin.extensions.v1": patch
+"@wso2is/react-components": patch
+"@wso2is/admin.core.v1": patch
+"@wso2is/theme": patch
+"@wso2is/i18n": patch
+---
+
+Add outdated app banner and labels.
diff --git a/features/admin.applications.v1/api/use-get-application-inbound-configs.ts b/features/admin.applications.v1/api/use-get-application-inbound-configs.ts
@@ -20,6 +20,7 @@ import useRequest, { RequestErrorInterface, RequestResultInterface } from "@wso2
 import { store } from "@wso2is/admin.core.v1/store";
 import { HttpMethods } from "@wso2is/core/models";
 import { AxiosRequestConfig } from "axios";
+import { OIDCDataInterface } from "../models";
 
 /**
  * Hook to get the protocol configurations of an application.
@@ -29,7 +30,7 @@ import { AxiosRequestConfig } from "axios";
  * @param shouldFetch - Condition to check if data should be fetched.
  * @returns Response as a promise.
  */
-const useGetApplicationInboundConfigs = <Data = unknown, Error = RequestErrorInterface>(
+const useGetApplicationInboundConfigs = <Data = OIDCDataInterface, Error = RequestErrorInterface>(
  id: string,
  protocol: string,
  shouldFetch: boolean = true

diff --git a/features/admin.applications.v1/constants/application-management.ts b/features/admin.applications.v1/constants/application-management.ts
@@ -41,6 +41,11 @@ export class ApplicationManagementConstants {
  public static readonly SYSTEM_APPS: string[] = [ this.CONSOLE_APP_NAME ];
  public static readonly DEFAULT_APPS: string[] = [ this.MY_ACCOUNT_APP_NAME ];
 
+ /**
+ * When a new Application version is released, this variable should to be updated.
+ */
+ public static readonly LATEST_VERSION: string = "v1.0.0";
+
  /**
  * Private constructor to avoid object instantiation from outside
  * the class.

diff --git a/features/admin.applications.v1/models/application.ts b/features/admin.applications.v1/models/application.ts
@@ -36,6 +36,7 @@ export interface ApplicationBasicInterface {
  id?: string;
  name: string;
  description?: string;
+ applicationVersion?: string;
  accessUrl?: string;
  clientId?: string;
  issuer?: string;
@@ -331,6 +332,7 @@ export interface ApplicationTemplateListItemInterface {
  id: string;
  name: string;
  description?: string;
+ applicationVersion?: string;
  image?: string;
  authenticationProtocol?: string;
  /**

diff --git a/features/admin.applications.v1/pages/application-edit.scss b/features/admin.applications.v1/pages/application-edit.scss
@@ -19,3 +19,45 @@
 .application-branding-link {
  cursor: pointer;
 }
+
+.ignore-once-button {
+ color: #788997;
+}
+
+.banner-detail-card {
+ border: 0;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ background: #fffaf3;
+ padding: 5px;
+ padding-left: 35px;
+}
+
+.banner-detail-content {
+ padding: 0;
+}
+
+.banner-grid {
+ padding-left: 30px;
+}
+
+.application-outdated-alert-expanded-view {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.spaced-list li {
+ margin-bottom: 10px;
+}
+
+.banner-wrapper {
+ margin-bottom: 20px;
+}
+
+.banner-view-hide-details {
+ min-width: 120px;
+}
+
+.banner-action {
+ margin: 0 0 1.5em 0 !important;
+}