devfront 앱 목록 로고 표시

devfront/src/features/clients/ClientsPage.tsx

@@ -5,8 +5,6 @@ import {
   Filter,
   Plus,
   Search,
-  ServerCog,
-  ShieldHalf,
   X,
 } from "lucide-react";
 import { useEffect, useState } from "react";
@@ -50,6 +48,7 @@ import { t } from "../../lib/i18n";
 import { resolveProfileRole } from "../../lib/role";
 import { cn } from "../../lib/utils";
 import { fetchMe } from "../auth/authApi";
+import { ClientLogo } from "./components/ClientLogo";
 
 function ClientsPage() {
   const navigate = useNavigate();
@@ -498,13 +497,7 @@ function ClientsPage() {
                       to={`/clients/${client.id}`}
                       className="flex items-center gap-3 transition-colors hover:text-primary"
                     >
-                      <div className="flex h-9 w-9 items-center justify-center rounded-lg bg-primary/10 text-primary">
-                        {client.type === "private" ? (
-                          <ServerCog className="h-4 w-4" />
-                        ) : (
-                          <ShieldHalf className="h-4 w-4" />
-                        )}
-                      </div>
+                      <ClientLogo client={client} />
                       <div>
                         <p className="font-semibold">
                           {client.name ||