[feat] 현재 이벤트와 검색 정보 보이게함

softeerbootcamp4th · Aug 19, 2024 · 9cba388 · 9cba388
1 parent 3f4858a
commit 9cba388
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 6 deletions.
diff --git a/src/adminPage/features/comment/id/DeleteButton.jsx b/src/adminPage/features/comment/id/DeleteButton.jsx
@@ -45,7 +45,7 @@ export default function DeleteButton({ eventId, checkedComments, setCheckedComme
   return (
     <button
       onClick={deleteComments}
-      className="self-end px-5 py-1 bg-red-300 text-white hover:bg-red-500 rounded-lg"
+      className="px-5 py-1 bg-red-300 text-white hover:bg-red-500 rounded-lg"
     >
       삭제
     </button>

diff --git a/src/adminPage/features/comment/id/index.jsx b/src/adminPage/features/comment/id/index.jsx
@@ -33,11 +33,20 @@ export default function AdminCommentID({ eventId }) {
 
   return (
     <div className="flex flex-col w-full items-center">
-      <DeleteButton
-        eventId={eventId}
-        checkedComments={checkedComments}
-        setCheckedComments={setCheckedComments}
-      />
+      <div className="w-full flex justify-between items-end">
+        <div className="flex gap-1 text-body-s">
+          <span>검색 이벤트:</span>
+          <span className="italic">{eventId}</span>
+          <span className={`pl-1 text-red-500 ${!searchString && "hidden"}`}>검색 문자열:</span>
+          <span className={`text-red-500 italic ${!searchString && "hidden"}`}>{searchString}</span>
+        </div>
+
+        <DeleteButton
+          eventId={eventId}
+          checkedComments={checkedComments}
+          setCheckedComments={setCheckedComments}
+        />
+      </div>
 
       <form onSubmit={searchComment} className="mt-3 w-full relative">
         <input