add change redirect uri from oauth

This commit is contained in:
lendry
2026-06-26 09:36:25 +03:00
parent 971d10abf6
commit c3b2eb4a50
2 changed files with 79 additions and 3 deletions

View File

@@ -107,6 +107,29 @@ export default function AdminOAuthPage() {
}
}
async function handleSaveRedirectUris(client: OAuthClient, redirectUris: string[]) {
if (!token) return;
if (!redirectUris.length) {
showToast('Укажите хотя бы один redirect URI');
return;
}
try {
const updated = await apiFetch<OAuthClient>(`/admin/rbac/oauth-clients/${client.clientId}`, {
method: 'PATCH',
body: JSON.stringify({ redirectUris })
}, token);
showToast('Redirect URI обновлены');
setSelectedClient((current) =>
current?.clientId === client.clientId
? { ...current, redirectUris: updated.redirectUris ?? redirectUris }
: current
);
await loadData();
} catch (error) {
showToast(error instanceof Error ? error.message : 'Не удалось сохранить redirect URI');
}
}
async function handleRotateSecret(clientId: string) {
if (!token) return;
try {
@@ -227,6 +250,7 @@ export default function AdminOAuthPage() {
onRotateSecret={(clientId) => void handleRotateSecret(clientId)}
onToggleActive={(client) => void handleToggleActive(client)}
onDelete={(client) => void handleDeleteClient(client)}
onSaveRedirectUris={handleSaveRedirectUris}
/>
<Dialog open={dialogOpen} onOpenChange={setDialogOpen}>

View File

@@ -1,6 +1,7 @@
'use client';
import { Copy, ExternalLink, KeyRound, RefreshCw, Trash2 } from 'lucide-react';
import { useEffect, useState } from 'react';
import { Copy, ExternalLink, KeyRound, Loader2, RefreshCw, Trash2 } from 'lucide-react';
import { Button } from '@/components/ui/button';
import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';
import { OAuthClient } from '@/lib/api';
@@ -28,7 +29,8 @@ export function OAuthClientDetailDialog({
onCopy,
onRotateSecret,
onToggleActive,
onDelete
onDelete,
onSaveRedirectUris
}: {
client: OAuthClient | null;
endpoints: OAuthEndpoints;
@@ -38,7 +40,16 @@ export function OAuthClientDetailDialog({
onRotateSecret: (clientId: string) => void;
onToggleActive: (client: OAuthClient) => void;
onDelete: (client: OAuthClient) => void;
onSaveRedirectUris: (client: OAuthClient, redirectUris: string[]) => Promise<void>;
}) {
const [redirectUrisDraft, setRedirectUrisDraft] = useState('');
const [savingRedirectUris, setSavingRedirectUris] = useState(false);
useEffect(() => {
if (!client) return;
setRedirectUrisDraft(client.redirectUris.join('\n'));
}, [client]);
if (!client) return null;
const primaryRedirect = client.redirectUris[0] ?? 'https://app.example.com/oauth/callback';
@@ -77,7 +88,48 @@ export function OAuthClientDetailDialog({
Client Secret выдаётся один раз при создании или после «Новый secret». Храните только на backend.
</p>
) : null}
<CopyRow label="Redirect URI" value={client.redirectUris.join('\n')} onCopy={onCopy} />
<div className="space-y-2">
<div className="flex items-center justify-between gap-2">
<span className="font-medium">Redirect URI</span>
{client.canManage ? null : (
<Button variant="ghost" size="icon" aria-label="Скопировать Redirect URI" onClick={() => onCopy(client.redirectUris.join('\n'), 'Redirect URI')}>
<Copy className="h-4 w-4" />
</Button>
)}
</div>
{client.canManage ? (
<>
<textarea
value={redirectUrisDraft}
onChange={(event) => setRedirectUrisDraft(event.target.value)}
placeholder="https://app.example.com/oauth/callback"
className="min-h-[96px] w-full rounded-xl border border-[#eceef4] bg-white px-3 py-2 text-sm"
/>
<p className="text-xs text-[#667085]">
По одному URI на строку. Должен точно совпадать с redirect_uri в запросе authorize (протокол, домен, путь, слэш).
</p>
<Button
size="sm"
disabled={savingRedirectUris}
onClick={() => {
const redirectUris = redirectUrisDraft
.split('\n')
.map((item) => item.trim())
.filter(Boolean);
setSavingRedirectUris(true);
void onSaveRedirectUris(client, redirectUris).finally(() => setSavingRedirectUris(false));
}}
>
{savingRedirectUris ? <Loader2 className="mr-2 h-4 w-4 animate-spin" /> : null}
Сохранить redirect URI
</Button>
</>
) : (
<div className="rounded-2xl bg-[#f4f5f8] p-4 text-sm">
<code className="block whitespace-pre-wrap break-all text-xs">{client.redirectUris.join('\n')}</code>
</div>
)}
</div>
<CopyRow label="Scopes" value={scope} onCopy={onCopy} />
</section>