프론트엔드 UI/UX를 전면 개편

adminfront/src/features/tenants/routes/TenantCreatePage.tsx

@@ -21,6 +21,7 @@ import { t } from "../../../lib/i18n";
 function TenantCreatePage() {
   const navigate = useNavigate();
   const [name, setName] = useState("");
+  const [type, setType] = useState("COMPANY");
   const [slug, setSlug] = useState("");
   const [description, setDescription] = useState("");
   const [status, setStatus] = useState("active");
@@ -30,6 +31,7 @@ function TenantCreatePage() {
     mutationFn: () =>
       createTenant({
         name,
+        type,
         slug: slug || undefined,
         description: description || undefined,
         status,
@@ -92,14 +94,30 @@ function TenantCreatePage() {
         <CardContent className="space-y-4">
           <div className="space-y-2">
             <Label className="text-sm font-semibold">
-              {t("ui.admin.tenants.create.form.name", "Tenant name")}{" "}
+              {t("ui.admin.tenants.create.form.name", "테넌트 이름")}{" "}
               <span className="text-destructive">*</span>
             </Label>
             <Input value={name} onChange={(e) => setName(e.target.value)} />
           </div>
           <div className="space-y-2">
             <Label className="text-sm font-semibold">
-              {t("ui.admin.tenants.create.form.slug", "Slug")}
+              {t("ui.admin.tenants.create.form.type", "테넌트 유형")}
+            </Label>
+            <select
+              id="type"
+              className="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
+              value={type}
+              onChange={(e) => setType(e.target.value)}
+            >
+              <option value="COMPANY">{t("domain.tenant_type.company", "COMPANY (일반 기업)")}</option>
+              <option value="COMPANY_GROUP">{t("domain.tenant_type.company_group", "COMPANY_GROUP (그룹사/지주사)")}</option>
+              <option value="USER_GROUP">{t("domain.tenant_type.user_group", "USER_GROUP (내부 부서/팀)")}</option>
+              <option value="PERSONAL">{t("domain.tenant_type.personal", "PERSONAL (개인 워크스페이스)")}</option>
+            </select>
+          </div>
+          <div className="space-y-2">
+            <Label className="text-sm font-semibold">
+              {t("ui.admin.tenants.create.form.slug", "슬러그 (Slug)")}
             </Label>
             <Input
               value={slug}
@@ -112,7 +130,7 @@ function TenantCreatePage() {
           </div>
           <div className="space-y-2">
             <Label className="text-sm font-semibold">
-              {t("ui.admin.tenants.create.form.description", "Description")}
+              {t("ui.admin.tenants.create.form.description", "설명")}
             </Label>
             <Textarea
               rows={3}
@@ -124,7 +142,7 @@ function TenantCreatePage() {
             <Label className="text-sm font-semibold">
               {t(
                 "ui.admin.tenants.create.form.domains_label",
-                "Allowed Domains (Comma separated)",
+                "허용된 도메인 (콤마로 구분)",
               )}
             </Label>
             <Input
@@ -138,13 +156,13 @@ function TenantCreatePage() {
             <p className="text-xs text-muted-foreground">
               {t(
                 "msg.admin.tenants.create.form.domains_help",
-                "Users with these email domains will be automatically assigned to this tenant.",
+                "이 도메인을 가진 이메일로 가입한 사용자는 자동으로 이 테넌트에 배정됩니다.",
               )}
             </p>
           </div>
           <div className="space-y-2">
             <Label className="text-sm font-semibold">
-              {t("ui.admin.tenants.create.form.status", "Status")}
+              {t("ui.admin.tenants.create.form.status", "상태")}
             </Label>
             <div className="flex gap-3">
               <Button
@@ -152,14 +170,14 @@ function TenantCreatePage() {
                 variant={status === "active" ? "default" : "outline"}
                 onClick={() => setStatus("active")}
               >
-                {t("ui.common.status.active", "Active")}
+                {t("ui.common.status.active", "활성")}
               </Button>
               <Button
                 type="button"
                 variant={status === "inactive" ? "default" : "outline"}
                 onClick={() => setStatus("inactive")}
               >
-                {t("ui.common.status.inactive", "Inactive")}
+                {t("ui.common.status.inactive", "비활성")}
               </Button>
             </div>
           </div>