Feature/new event name (#100)

* [refactor] Update exit modal functionality and improve data handling * [fix] implement feedback * [chore] enhance event name input utility * [chore] enhance event name input utility * Add event name feature
Team-pingping · Nov 28, 2024 · bb33a1a · bb33a1a
1 parent de85639
commit bb33a1a
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 13 deletions.
diff --git a/fe/src/app/eventcreate-page/components/EventNameInput.tsx b/fe/src/app/eventcreate-page/components/EventNameInput.tsx
@@ -7,7 +7,7 @@ import {
   cleanString,
   isValidLength,
   generateDefaultEventName,
-} from "../utils/formHelpers";
+} from "../utils/formHelpers";
 
 interface EventNameInputProps {
   className?: string;

diff --git a/fe/src/app/eventcreate-page/location-search/page.tsx b/fe/src/app/eventcreate-page/location-search/page.tsx
@@ -63,10 +63,9 @@ function LocationSearch() {
     };
   }, [location, debouncedFetch]);
 
-  // Focus the input field on component mount
   useEffect(() => {
     if (inputRef.current) {
-      inputRef.current.focus(); // Automatically focus on the input field
+      inputRef.current.focus();
     }
   }, []);
 

diff --git a/fe/src/app/eventcreate-page/page.tsx b/fe/src/app/eventcreate-page/page.tsx
@@ -46,10 +46,6 @@ function EventCreatePage() {
       setIsSubmitting(false);
     }
   };
-  useEffect(() => {
-    setLocation(null); // selectedLocation 초기화
-    setEventName(""); // eventName 초기화
-  }, [setLocation]);
 
   useEffect(() => {
     if (uuid) router.push(`/event-maps/${uuid}`);
@@ -64,12 +60,14 @@ function EventCreatePage() {
           className="mt-[12px] w-full"
           value={selectedLocation?.name || ""}
         />
-        <EventNameInput
-          className="mt-[40px] w-full"
-          value={eventName}
-          selectedLocation={selectedLocation?.name || ""}
-          onChange={setEventName}
-        />
+        <div className="relative mt-[40px] w-full">
+          <EventNameInput
+            className="w-full"
+            value={eventName}
+            selectedLocation={selectedLocation?.name || ""}
+            onChange={setEventName}
+          />
+        </div>
       </div>
       <div className="w-full fixed bottom-[45px] left-0 flex justify-center">
         <Button

diff --git a/...pp/eventcreate-page/utils/formHelpers.ts → ...app/eventcreate-page/utils/formHelpers.ts b/...pp/eventcreate-page/utils/formHelpers.ts → ...app/eventcreate-page/utils/formHelpers.ts