Merge pull request #91 from PERMIT-SEOUL/develop

12/8 운영배포

Author: pepperdad

apps/ticket-admin/package.json

@@ -15,7 +15,7 @@
     "@tanstack/react-query-devtools": "^5.80.10",
     "axios": "^1.10.0",
     "classnames": "^2.5.1",
-    "next": "15.3.3",
+    "next": "15.3.6",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },

…ps/ticket-admin/src/app/page.module.scss …entBoundary/HomeClient/index.module.scssapps/ticket-admin/src/app/page.module.scss renamed to apps/ticket-admin/src/app/_clientBoundary/HomeClient/index.module.scss apps/ticket-admin/src/app/page.module.scss renamed to apps/ticket-admin/src/app/_clientBoundary/HomeClient/index.module.scss

@@ -12,7 +12,7 @@
 .title {
   margin-bottom: 1rem;
 
-  color: #333;
+  color: #fff;
   font-weight: bold;
   font-size: 3rem;
 }

apps/ticket-admin/src/app/_clientBoundary/HomeClient/index.tsx

@@ -0,0 +1,34 @@
+"use client";
+
+import Link from "next/link";
+import classNames from "classnames/bind";
+
+import { useEventsListQuery } from "@/data/admin/getEvents/queries";
+import { LoadingWithLayout } from "@/shared/components/LoadingWithLayout";
+
+import styles from "./index.module.scss";
+
+const cx = classNames.bind(styles);
+
+export const HomeClient = () => {
+  const { isLoading } = useEventsListQuery({});
+
+  if (isLoading) {
+    return <LoadingWithLayout />;
+  }
+
+  return (
+    <div className={cx("container")}>
+      <h1 className={cx("title")}>Ticket Admin</h1>
+      <p className={cx("description")}>티켓 관리자 대시보드에 오신 것을 환영합니다.</p>
+      <div className={cx("links")}>
+        <Link href="/events" className={cx("link")}>
+          이벤트 관리
+        </Link>
+        <Link href="/guests" className={cx("link")}>
+          게스트 관리
+        </Link>
+      </div>
+    </div>
+  );
+};

apps/ticket-admin/src/app/events/[eventId]/edit/_clientBoundary/EventEditFormClient/index.module.scss

@@ -0,0 +1,40 @@
+@use "@permit/design-system/styles/variables" as theme;
+@use "@permit/design-system/styles/typography" as typography;
+
+.header {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding-top: 24px;
+}
+
+.container {
+  display: flex;
+  max-width: 1200px;
+  min-height: 100vh;
+  margin: 0 auto;
+}
+
+.floating {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+
+  background-color: theme.$gray-800;
+  box-shadow: 0 -15px 25px 0 rgb(0 0 0 / 60%);
+  border-top: 1px solid theme.$gray-600;
+}
+
+.floating_content {
+  display: flex;
+  justify-content: flex-end;
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 12px 0;
+}
+
+.button {
+  padding: 0 100px;
+
+  @include typography.body-bold-14;
+}