Files
zitadel/console/src/app/pages/projects/apps/app-secret-dialog/app-secret-dialog.component.ts
T
2c8d63bb71 feat(console): improve client details dialog ux #11834 (#11836)
# Which Problems Are Solved

The console provided conflicting warnings when creating a pkce based
project.


# How the Problems Are Solved
<img width="1026" height="432" alt="grafik"
src="https://github.com/user-attachments/assets/d6609d2d-1438-42bd-9bc4-2e896c3e47d9"
/>

Removed the `keep your client secret at a safe place...` warning when a
auth-method without a client secret is used.
Changed the dialog title to `Client Details` instead of `Client Secret`

# Additional Changes
- Improves type safety for data passed to the
`AppSecretDialogComponent`.
- Updates the `AppSecretDialogComponent` to use modern Angular features,
improving readability and maintainability.

# Additional Context
- Closes #11834

---------

Co-authored-by: Max Peintner <[email protected]>
2026-04-29 08:46:49 +02:00

21 lines
635 B
TypeScript

import { Component, inject } from '@angular/core';
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
export type AppSecretDialogData = {
clientId?: string;
clientSecret?: string;
};
@Component({
selector: 'cnsl-app-secret-dialog',
templateUrl: './app-secret-dialog.component.html',
styleUrls: ['./app-secret-dialog.component.scss'],
standalone: false,
})
export class AppSecretDialogComponent {
protected readonly dialogRef = inject<MatDialogRef<AppSecretDialogComponent>>(MatDialogRef);
protected readonly data = inject<AppSecretDialogData>(MAT_DIALOG_DATA);
public copied: string = '';
}