kevin/baron-sso
1
0
Fork 0
forked from baron/baron-sso
Code Pull Requests Activity

페이지 헤더 스타일 통일

Browse Source
This commit is contained in:
김용연
2026-05-19 17:28:54 +09:00
parent 528ceea754
commit c2dbc8fc88
14 changed files with 150 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
devfront/src/features/clients/ClientConsentsPage.tsx
View File

@@ -1,15 +1,16 @@
import { useMutation, useQuery } from "@tanstack/react-query";
import type { AxiosError } from "axios";
import {
ArrowLeft,
ChevronLeft,
ChevronRight,
Download,
Filter,
Search,
ShieldHalf,
} from "lucide-react";
import { useState } from "react";
import { Link, useParams } from "react-router-dom";
import { PageHeader } from "../../../../common/core/components/page";
import {
commonStickyTableHeaderClass,
commonTableShellClass,
@@ -194,21 +195,13 @@ function ClientConsentsPage() {
)}
</span>
</nav>
<div className="flex items-center gap-2">
<Button variant="ghost" size="icon" asChild>
<Link to={`/clients/${clientId}`}>
<ArrowLeft className="h-4 w-4" />
</Link>
</Button>
<div>
<p className="text-3xl font-black leading-tight">
{t(
"ui.dev.clients.consents.title",
"User Consent Grants",
)}
</p>
</div>
</div>
<PageHeader
icon={<ShieldHalf size={20} />}
title={t(
"ui.dev.clients.consents.title",
"User Consent Grants",
)}
/>
</div>
</div>
<ClientDetailTabs activeTab="consents" clientId={clientId} />
@@ -242,24 +235,14 @@ function ClientConsentsPage() {
)}
</span>
</nav>
<div className="flex items-center gap-2">
<Button variant="ghost" size="icon" asChild>
<Link to={`/clients/${clientId}`}>
<ArrowLeft className="h-4 w-4" />
</Link>
</Button>
<div>
<p className="text-3xl font-black leading-tight">
{t("ui.dev.clients.consents.title", "User Consent Grants")}
</p>
<p className="text-muted-foreground">
{t(
"msg.dev.clients.consents.subtitle",
"OIDC Relying Party 사용자 권한을 검토·관리합니다.",
)}
</p>
</div>
</div>
<PageHeader
icon={<ShieldHalf size={20} />}
title={t("ui.dev.clients.consents.title", "User Consent Grants")}
description={t(
"msg.dev.clients.consents.subtitle",
"OIDC Relying Party 사용자 권한을 검토·관리합니다.",
)}
/>
</div>
<div className="flex items-center gap-3">
<Badge
@@ -623,7 +606,7 @@ function ClientConsentsPage() {
"Active Grants",
)}
</p>
<CardTitle className="text-2xl font-black">
<CardTitle className="text-xl font-semibold">
{rows.filter((r) => r.status === "active").length}
</CardTitle>
</CardHeader>
@@ -636,7 +619,7 @@ function ClientConsentsPage() {
"Total Scopes Issued",
)}
</p>
<CardTitle className="text-2xl font-black">
<CardTitle className="text-xl font-semibold">
{rows.reduce((acc, row) => acc + row.grantedScopes.length, 0)}
</CardTitle>
</CardHeader>
@@ -649,7 +632,7 @@ function ClientConsentsPage() {
"Avg. Scopes per User",
)}
</p>
<CardTitle className="text-2xl font-black">
<CardTitle className="text-xl font-semibold">
{rows.length > 0
? (
rows.reduce(