From a0ff90058ca90f624a5e3a97bce1bb6b64d02fb6 Mon Sep 17 00:00:00 2001
From: Wang Sijie <wangsijie@silverhand.io>
Date: Tue, 31 May 2022 11:49:15 +0800
Subject: [PATCH] fix(console): special application name for admin console
 (#997)

* fix(console): special application name for admin console

* fix: cr
---
 .../pages/Users/components/ApplicationName/index.tsx  | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/console/src/pages/Users/components/ApplicationName/index.tsx b/packages/console/src/pages/Users/components/ApplicationName/index.tsx
index d9fa49f42..02adb2005 100644
--- a/packages/console/src/pages/Users/components/ApplicationName/index.tsx
+++ b/packages/console/src/pages/Users/components/ApplicationName/index.tsx
@@ -1,4 +1,4 @@
-import { Application } from '@logto/schemas';
+import { adminConsoleApplicationId, Application } from '@logto/schemas';
 import React from 'react';
 import useSWR from 'swr';
 
@@ -7,9 +7,14 @@ type Props = {
 };
 
 const ApplicationName = ({ applicationId }: Props) => {
-  const { data } = useSWR<Application>(`/api/applications/${applicationId}`);
+  const isAdminConsole = applicationId === adminConsoleApplicationId;
 
-  return <span>{data?.name ?? '-'}</span>;
+  const { data } = useSWR<Application>(!isAdminConsole && `/api/applications/${applicationId}`);
+
+  const name = isAdminConsole ? 'Admin Console' : data?.name;
+
+  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+  return <span>{name || '-'}</span>;
 };
 
 export default ApplicationName;