diff --git a/src/apis/passApi.ts b/src/apis/passApi.ts index 15dbe27..62e4fa5 100644 --- a/src/apis/passApi.ts +++ b/src/apis/passApi.ts @@ -47,7 +47,7 @@ export const fetchPassPending = async (page: number) => { }; // 보호자 신청 승인/거절 -export const reviewPass = async (passId: number, issuanceStatus: "ISSUED" | "REJECTED") => { +export const reviewPass = async (passId: number, issuanceStatus: "PROCESSING" | "REJECTED") => { try { const res = await axiosWithAuthorization.post(`/passes/approve`, { passId, diff --git a/src/components/searchbar/css/SearchBar.css b/src/components/searchbar/css/SearchBar.css index 0655d17..5f5d470 100644 --- a/src/components/searchbar/css/SearchBar.css +++ b/src/components/searchbar/css/SearchBar.css @@ -1,13 +1,18 @@ .search-bar { display: flex; align-items: center; - gap: 8px; + gap: 0; width: 600px; background-color: white; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); padding: 0px; border-radius: 4px; } + + body.dark-mode .search-bar { + background-color: #2b2b2b; + box-shadow: none; +} .search-bar-dropdown { position: relative; @@ -74,6 +79,21 @@ border-top-left-radius: 8px; border-bottom-left-radius: 8px; } + + .search-bar-input::placeholder { + color: #aaa; + } + + body.dark-mode .search-bar-input { + background-color: #434343; + color: #f0f0f0; + border: 1px solid #555; + caret-color: #f0f0f0; + } + + body.dark-mode .search-bar-input::placeholder { + color: #888; + } .search-bar-button { background-color: #1f441f; @@ -83,7 +103,7 @@ border: none; cursor: pointer; font-size: 14px; - border-radius: 4px; + border-radius: 0 4px 4px 0; } .search-bar-button:hover { diff --git a/src/pages/PassPendingPage.tsx b/src/pages/PassPendingPage.tsx index f873eee..3d115f3 100644 --- a/src/pages/PassPendingPage.tsx +++ b/src/pages/PassPendingPage.tsx @@ -59,7 +59,7 @@ const PassPendingPage = () => { const handleApprove = async (passId: number) => { try { - await reviewPass(passId, "ISSUED"); + await reviewPass(passId, "PROCESSING"); alert("출입증 발급이 승인되었습니다."); loadData(); } catch (err) {