diff --git a/src/adminPage/features/eventEdit/EventDetailInput.jsx b/src/adminPage/features/eventEdit/EventDetailInput.jsx new file mode 100644 index 00000000..428b633f --- /dev/null +++ b/src/adminPage/features/eventEdit/EventDetailInput.jsx @@ -0,0 +1,34 @@ +function EventTypeSelector({selected, onClick, children}) +{ + const selectorBaseStyle = `flex justify-center items-center px-8 py-2 rounded-t-lg text-body-m relative hover:bg-blue-50`; + const selectedStyle = `text-blue-400 font-bold after:w-full after:h-1 after:absolute after:-bottom-px after:border-b-2 after:border-blue-400`; + const unSelectedStyle = `text-neutral-800 hover:text-blue-400`; + + return +} + +function EventDetailInput({state, dispatch, mode}) +{ + function selectEventType(type) + { + return ()=>{ + if(mode === "edit") return; + dispatch({type: "set_event_type", value:type}); + } + } + + return
+
+ + 선착순 + + + 추첨 + +
+
+
+
+} + +export default EventDetailInput; \ No newline at end of file diff --git a/src/adminPage/features/eventEdit/index.jsx b/src/adminPage/features/eventEdit/index.jsx index 872564bc..a1f214f1 100644 --- a/src/adminPage/features/eventEdit/index.jsx +++ b/src/adminPage/features/eventEdit/index.jsx @@ -2,6 +2,7 @@ import { useReducer } from "react"; import { eventEditReducer, setDefaultState } from "./businessLogic/reducer.js"; import EventBaseDataInput from "./EventBaseDataInput.jsx"; +import EventDetailInput from "./EventDetailInput.jsx"; import Button from "@common/components/Button.jsx"; function EventEditor({mode, initialData = null} = {}) { @@ -27,6 +28,12 @@ function EventEditor({mode, initialData = null} = {}) {
+
+ + 이벤트 종류* + + +
}