reorder dir

src/app/page.tsx

@@ -19,7 +19,7 @@ import { MapStyleSelector } from "@/components/MapStyleSelector";
 import { fitBoundsToGeoJson } from "@/utils/map/fitBoundsToGeoJson";
 import { parseInnerResJson } from "@/utils/trident/parseInnerResJson";
 import { LegalNotice } from "@/components/LegalNotice";
-import { SuggestByCurrentLocation } from "@/components/SuggestByCurrentLocation";
+import { InputSuggest } from "@/components/InputSuggest";
 
 const greetings = {
   en: "Welcome! I'm TRIDENT, interactive Smart Maps assistant. Could you indicate me the areas and themes you want to see as the map?",
@@ -411,7 +411,7 @@ export default function Home() {
                 );
               })}
               {dialogueList.length === 1 && inputText.length === 0 && (
-                <SuggestByCurrentLocation onSelected={onSelectedSuggestions} />
+                <InputSuggest onSelected={onSelectedSuggestions} />
               )}
               <div style={{ height: "1px" }} ref={dialogueEndRef} />
             </div>

src/components/InputSuggest/SuggestByTrend/index.tsx

@@ -0,0 +1,10 @@
+
+export const SuggestByTrend: React.FC<{
+  onSelected?: (value: string) => void;
+}> = ({ onSelected }) => {
+  return (
+    <div>
+      <div>TODO: SuggestByTrend</div>
+    </div>
+  );
+}

src/components/InputSuggest/index.tsx

@@ -0,0 +1,13 @@
+import { SuggestByCurrentLocation } from "./SuggestByCurrentLocation";
+import { SuggestByTrend } from "./SuggestByTrend";
+
+export const InputSuggest: React.FC<{
+  onSelected?: (value: string) => void;
+}> = ({ onSelected }) => {
+  return (
+    <div>
+      <SuggestByCurrentLocation onSelected={onSelected} />
+      <SuggestByTrend onSelected={onSelected} />
+    </div>
+  );
+}