+
{t("ui.dev.profile.menu_title", "Account")}
diff --git a/devfront/src/components/ui/badge.tsx b/devfront/src/components/ui/badge.tsx
index 98e1ad01..d30c5d1c 100644
--- a/devfront/src/components/ui/badge.tsx
+++ b/devfront/src/components/ui/badge.tsx
@@ -5,13 +5,17 @@ import {
} from "../../../../common/ui/badge";
import { cn } from "../../lib/utils";
-export interface BadgeProps
- extends React.HTMLAttributes
{
+export interface BadgeProps extends React.HTMLAttributes {
variant?: CommonBadgeVariant;
}
function Badge({ className, variant, ...props }: BadgeProps) {
- return ;
+ return (
+
+ );
}
export { Badge };
diff --git a/devfront/src/components/ui/card.tsx b/devfront/src/components/ui/card.tsx
index a96a29b5..33685c34 100644
--- a/devfront/src/components/ui/card.tsx
+++ b/devfront/src/components/ui/card.tsx
@@ -10,39 +10,28 @@ import {
import { cn } from "../../lib/utils";
function Card({ className, ...props }: React.HTMLAttributes) {
- return (
-
- );
+ return ;
}
function CardHeader({
className,
...props
}: React.HTMLAttributes) {
- return (
-
- );
+ return ;
}
function CardTitle({
className,
...props
}: React.HTMLAttributes) {
- return (
-
- );
+ return ;
}
function CardDescription({
className,
...props
}: React.HTMLAttributes) {
- return (
-
- );
+ return ;
}
function CardContent({
@@ -56,9 +45,7 @@ function CardFooter({
className,
...props
}: React.HTMLAttributes) {
- return (
-
- );
+ return ;
}
export {
diff --git a/devfront/src/components/ui/input.tsx b/devfront/src/components/ui/input.tsx
index c4dc7a83..1322da14 100644
--- a/devfront/src/components/ui/input.tsx
+++ b/devfront/src/components/ui/input.tsx
@@ -10,10 +10,7 @@ const Input = React.forwardRef(
return (
diff --git a/devfront/src/features/dashboard/DashboardPage.tsx b/devfront/src/features/dashboard/DashboardPage.tsx
index c94ed268..45aebc80 100644
--- a/devfront/src/features/dashboard/DashboardPage.tsx
+++ b/devfront/src/features/dashboard/DashboardPage.tsx
@@ -129,7 +129,10 @@ function summarizeSeries(rows: RPUsageDailyMetric[]): SeriesSummary[] {
} satisfies SeriesSummary);
current.loginRequests += row.loginRequests;
current.otherRequests += row.otherRequests;
- current.uniqueSubjects = Math.max(current.uniqueSubjects, row.uniqueSubjects);
+ current.uniqueSubjects = Math.max(
+ current.uniqueSubjects,
+ row.uniqueSubjects,
+ );
bySeries.set(key, current);
}
return Array.from(bySeries.values())
@@ -153,12 +156,10 @@ function buildMultiLineSeries(rows: RPUsageDailyMetric[]): MultiLineSeries[] {
>();
for (const row of rows) {
- const current =
- byClient.get(row.clientId) ??
- {
- clientLabel: row.clientName || row.clientId,
- byDate: new Map(),
- };
+ const current = byClient.get(row.clientId) ?? {
+ clientLabel: row.clientName || row.clientId,
+ byDate: new Map(),
+ };
const point =
current.byDate.get(row.date) ??
({
@@ -173,7 +174,9 @@ function buildMultiLineSeries(rows: RPUsageDailyMetric[]): MultiLineSeries[] {
}
return Array.from(byClient.entries())
- .sort((left, right) => left[1].clientLabel.localeCompare(right[1].clientLabel))
+ .sort((left, right) =>
+ left[1].clientLabel.localeCompare(right[1].clientLabel),
+ )
.map(([clientId, entry], index) => ({
key: clientId,
clientLabel: entry.clientLabel,
@@ -307,10 +310,7 @@ function RPUsageMixedChart({
if (daily.length === 0) {
return (
- {t(
- "msg.dev.dashboard.chart.empty",
- "표시할 RP 이용 집계가 없습니다.",
- )}
+ {t("msg.dev.dashboard.chart.empty", "표시할 RP 이용 집계가 없습니다.")}
);
}
@@ -477,11 +477,15 @@ function RPUsageMixedChart({
{item.clientLabel}
- {t("ui.dev.dashboard.chart.series", "로그인 {{login}} / 기타 {{other}} / 사용자 {{subjects}}", {
- login: item.loginRequests.toLocaleString(),
- other: item.otherRequests.toLocaleString(),
- subjects: item.uniqueSubjects.toLocaleString(),
- })}
+ {t(
+ "ui.dev.dashboard.chart.series",
+ "로그인 {{login}} / 기타 {{other}} / 사용자 {{subjects}}",
+ {
+ login: item.loginRequests.toLocaleString(),
+ other: item.otherRequests.toLocaleString(),
+ subjects: item.uniqueSubjects.toLocaleString(),
+ },
+ )}
))}
@@ -582,9 +586,11 @@ function DashboardPage() {
"msg.dev.dashboard.chart.unavailable_with_reason",
"RP 이용 통계 API 응답을 확인할 수 없습니다. {{reason}}",
{
- reason: usageErrorMessage || t("err.common.unknown", "알 수 없는 오류"),
+ reason:
+ usageErrorMessage ||
+ t("err.common.unknown", "알 수 없는 오류"),
},
- );
+ );
const isAllClientsSelected = selectedClientIds.length === 0;
const toggleClientSelection = (clientId: string) => {
@@ -712,9 +718,7 @@ function DashboardPage() {
{usageQuery.isError ? (
-
- {usageErrorText}
-
+
{usageErrorText}
) : isAllClientsSelected ? (
) : (
@@ -762,10 +766,7 @@ function DashboardPage() {
- {t(
- "ui.dev.dashboard.distribution.headless",
- "Headless Login",
- )}
+ {t("ui.dev.dashboard.distribution.headless", "Headless Login")}
{distribution.headlessClients.toLocaleString()}
@@ -817,10 +818,7 @@ function DashboardPage() {
"Server side App (Headless Login)",
)
: client.type === "private"
- ? t(
- "ui.dev.clients.type.private",
- "Server side App",
- )
+ ? t("ui.dev.clients.type.private", "Server side App")
: t("ui.dev.clients.type.pkce", "PKCE")}
diff --git a/devfront/src/index.css b/devfront/src/index.css
index 61376c48..8eea6872 100644
--- a/devfront/src/index.css
+++ b/devfront/src/index.css
@@ -26,8 +26,7 @@
--input: 215 25% 24%;
--ring: 209 79% 52%;
--radius: 0.75rem;
- --app-background-image:
- radial-gradient(
+ --app-background-image: radial-gradient(
circle at 10% 18%,
rgba(54, 211, 153, 0.16),
transparent 28%
diff --git a/orgfront/src/components/layout/AppLayout.tsx b/orgfront/src/components/layout/AppLayout.tsx
index b9b55eda..157b841b 100644
--- a/orgfront/src/components/layout/AppLayout.tsx
+++ b/orgfront/src/components/layout/AppLayout.tsx
@@ -421,10 +421,7 @@ function AppLayout() {
/>
{isProfileMenuOpen ? (
-
+
{t("ui.dev.profile.menu_title", "Account")}
diff --git a/orgfront/src/components/ui/badge.tsx b/orgfront/src/components/ui/badge.tsx
index 98e1ad01..d30c5d1c 100644
--- a/orgfront/src/components/ui/badge.tsx
+++ b/orgfront/src/components/ui/badge.tsx
@@ -5,13 +5,17 @@ import {
} from "../../../../common/ui/badge";
import { cn } from "../../lib/utils";
-export interface BadgeProps
- extends React.HTMLAttributes
{
+export interface BadgeProps extends React.HTMLAttributes {
variant?: CommonBadgeVariant;
}
function Badge({ className, variant, ...props }: BadgeProps) {
- return ;
+ return (
+
+ );
}
export { Badge };
diff --git a/orgfront/src/components/ui/card.tsx b/orgfront/src/components/ui/card.tsx
index a96a29b5..33685c34 100644
--- a/orgfront/src/components/ui/card.tsx
+++ b/orgfront/src/components/ui/card.tsx
@@ -10,39 +10,28 @@ import {
import { cn } from "../../lib/utils";
function Card({ className, ...props }: React.HTMLAttributes) {
- return (
-
- );
+ return ;
}
function CardHeader({
className,
...props
}: React.HTMLAttributes) {
- return (
-
- );
+ return ;
}
function CardTitle({
className,
...props
}: React.HTMLAttributes) {
- return (
-
- );
+ return ;
}
function CardDescription({
className,
...props
}: React.HTMLAttributes) {
- return (
-
- );
+ return ;
}
function CardContent({
@@ -56,9 +45,7 @@ function CardFooter({
className,
...props
}: React.HTMLAttributes) {
- return (
-
- );
+ return ;
}
export {
diff --git a/orgfront/src/components/ui/input.tsx b/orgfront/src/components/ui/input.tsx
index c4dc7a83..1322da14 100644
--- a/orgfront/src/components/ui/input.tsx
+++ b/orgfront/src/components/ui/input.tsx
@@ -10,10 +10,7 @@ const Input = React.forwardRef(
return (