#484 방 검색 안되었을때 방 생성하기 버튼 추가

src/hooks/useLocationSearch.tsx

@@ -0,0 +1,17 @@
+import { useLocation } from "react-router-dom";
+import { useMemo } from "react";
+
+interface ReadOnlyURLSearchParams extends URLSearchParams {
+  append: never;
+  delete: never;
+  sort: never;
+}
+
+export default function useLocationSearch() {
+  const { search } = useLocation();
+
+  return useMemo(
+    () => new URLSearchParams(search) as ReadOnlyURLSearchParams,
+    [search]
+  );
+}

src/pages/Addroom/index.tsx

@@ -31,6 +31,8 @@ import { randomRoomNameGenerator } from "tools/random";
 import regExpTest from "tools/regExpTest";
 import theme from "tools/theme";
 
+import useLocationSearch from "hooks/useLocationSearch";
+
 const AddRoom = () => {
   const axios = useAxios();
   const history = useHistory();
@@ -60,6 +62,37 @@ const AddRoom = () => {
   const myRooms = useValueRecoilState("myRooms");
   const fetchMyRooms = useFetchRecoilState("myRooms");
 
+  const locationSearch = useLocationSearch();
+
+  useEffect(() => {
+    if (locationSearch.get("from") && locationSearch.get("to")) {
+      setPlace([locationSearch.get("from")!, locationSearch.get("to")!]);
+    }
+    if (locationSearch.get("name")) {
+      setName(locationSearch.get("name")!);
+    }
+    if (locationSearch.get("date")) {
+      const date = locationSearch.get("date")!.split("-");
+      setDate([Number(date[0]), Number(date[1]), Number(date[2])]);
+    }
+    if (locationSearch.get("time")) {
+      const time = locationSearch.get("time")!.split(":");
+      setTime([Number(time[0]), Number(time[1])]);
+    }
+    if (locationSearch.get("maxPeople")) {
+      setMaxPeople(Number(locationSearch.get("maxPeople")!));
+    }
+  }, [locationSearch]);
+
+  useEffect(() => {
+    locationSearch.set("from", valuePlace[0] || "");
+    locationSearch.set("to", valuePlace[1] || "");
+    locationSearch.set("name", valueName);
+    locationSearch.set("date", date2str(valueDate));
+    locationSearch.set("time", valueTime.join(":"));
+    locationSearch.set("maxPeople", valueMaxPeople.toString());
+  }, [valueName, valuePlace, valueDate, valueTime, valueMaxPeople]);
+
   useEffect(() => {
     const expirationDate = new Date();
     expirationDate.setFullYear(expirationDate.getFullYear() + 10);

src/pages/Search/SideResult.jsx

@@ -178,7 +178,10 @@ const SideResult = (props) => {
           />
           <DottedLine direction="row" />
           {rooms.length == 0 ? (
-            <Empty screen="pc">검색 결과가 없습니다</Empty>
+            <Empty screen="pc">
+              <div>검색 결과가 없습니다</div>
+              {/* <div></div> */}
+            </Empty>
           ) : (
             <>
               {rooms