diff --git a/packages/console/src/pages/ApplicationDetails/components/Settings.tsx b/packages/console/src/pages/ApplicationDetails/components/Settings.tsx
index c21144956..313f07e13 100644
--- a/packages/console/src/pages/ApplicationDetails/components/Settings.tsx
+++ b/packages/console/src/pages/ApplicationDetails/components/Settings.tsx
@@ -1,4 +1,4 @@
-import { Application, SnakeCaseOidcConfig } from '@logto/schemas';
+import { Application, ApplicationType, SnakeCaseOidcConfig } from '@logto/schemas';
import React from 'react';
import { Controller, useFormContext } from 'react-hook-form';
import { useTranslation } from 'react-i18next';
@@ -14,10 +14,11 @@ import { uriOriginValidator, uriValidator } from '@/utilities/validator';
import * as styles from '../index.module.scss';
type Props = {
+ applicationType: ApplicationType;
oidcConfig: SnakeCaseOidcConfig;
};
-const Settings = ({ oidcConfig }: Props) => {
+const Settings = ({ applicationType, oidcConfig }: Props) => {
const {
control,
register,
@@ -81,7 +82,11 @@ const Settings = ({ oidcConfig }: Props) => {
title="admin_console.application_details.redirect_uri"
value={value}
error={convertRhfErrorMessage(error?.message)}
- placeholder={t('application_details.redirect_uri_placeholder')}
+ placeholder={
+ applicationType === ApplicationType.Native
+ ? t('application_details.redirect_uri_placeholder_native')
+ : t('application_details.redirect_uri_placeholder')
+ }
onChange={onChange}
/>
)}
diff --git a/packages/console/src/pages/ApplicationDetails/index.tsx b/packages/console/src/pages/ApplicationDetails/index.tsx
index ff591ee48..4eb9ab526 100644
--- a/packages/console/src/pages/ApplicationDetails/index.tsx
+++ b/packages/console/src/pages/ApplicationDetails/index.tsx
@@ -180,7 +180,7 @@ const ApplicationDetails = () => {
{isAdvancedSettings ? (