search urls

frontend/app/(urls)/search/[category]/[route]/page.tsx

@@ -0,0 +1,48 @@
+import React, { Suspense } from 'react'
+import SearchCard from '../../components/SearchCard'
+
+interface SearchPageProps {
+  params: {
+    category: string
+    route: string
+  }
+}
+
+// дернуть search api для from-to параметров
+async function fetchSearch(category: string, from: string, to: string) {
+  // get search api(owner_type, from, to)
+  return []
+}
+
+export default async function SearchPage(props: SearchPageProps) {
+  const params = await props.params
+  const { category, route } = params
+  const [fromCity, toCity] = route.split('-')
+
+  const initialData = await fetchSearch(category, fromCity, toCity)
+
+  return (
+    <div className="container mx-auto p-4">
+      <h1 className="mb-4 text-2xl font-bold">
+        {category === 'mover' ? 'Поиск перевозчика' : 'Поиск посылки'}
+      </h1>
+      <div className="mb-4">
+        <p>
+          Маршрут: {fromCity} → {toCity}
+        </p>
+      </div>
+
+      <Suspense fallback={<div>Загрузка результатов...</div>}>
+        {/* результаты поиска */}
+        <div className="space-y-4">
+          {initialData.map((item: any, index: number) => (
+            <div key={index} className="rounded-lg border p-4">
+              {/* Здесь будет карточка с результатом */}
+              <p>Результат поиска {index + 1}</p>
+            </div>
+          ))}
+        </div>
+      </Suspense>
+    </div>
+  )
+}

frontend/app/(urls)/search/[category]/page.tsx

@@ -0,0 +1,44 @@
+import React, { Suspense } from 'react'
+import SearchCard from '../components/SearchCard'
+
+interface SearchPageProps {
+  params: {
+    category: string
+  }
+  searchParams: {
+    [key: string]: string | string[] | undefined
+  }
+}
+
+// получаем все предложения по выбранному owner_type
+async function fetchSearch(category: string, query: string = '') {
+  // get search api(owner_type)
+  return []
+}
+
+export default async function SearchPage(props: SearchPageProps) {
+  const params = await props.params
+  const { category } = params
+
+  const initialData = await fetchSearch(category)
+
+  return (
+    <div className="container mx-auto p-4">
+      <h1 className="mb-4 text-2xl font-bold">
+        {category === 'mover' ? 'Поиск перевозчика' : 'Поиск посылки'}
+      </h1>
+
+      <Suspense fallback={<div>Загрузка результатов...</div>}>
+        {/* Здесь будет компонент с результатами поиска */}
+        <div className="space-y-4">
+          {initialData.map((item: any, index: number) => (
+            <div key={index} className="rounded-lg border p-4">
+              {/* Здесь будет карточка с результатом */}
+              <p>Результат поиска {index + 1}</p>
+            </div>
+          ))}
+        </div>
+      </Suspense>
+    </div>
+  )
+}

frontend/app/(urls)/search/components/SearchCard.tsx

@@ -30,7 +30,7 @@ const SearchCard = ({
   }
 
   const setMovingTypeIcon = () => {
-    if (type_transport === 'air') {
+    if (type_transport === 'avia') {
       return '/images/airplane.png'
     }
     return '/images/car.png'

frontend/app/page.tsx

@@ -9,6 +9,7 @@ import News from '@/components/News'
 import { getFAQs } from '@/lib/main/fetchFAQ'
 import { getNews } from '@/lib/main/fetchNews'
 import { getFirstRoutes } from '@/lib/main/fetchFirstRoutes'
+import Link from 'next/link'
 
 export default async function Home() {
   const faqs = await getFAQs()
@@ -55,9 +56,12 @@ export default async function Home() {
       {/* форма на серч */}
       <AddressSelector />
 
-      <div className="decoration-orange hover:text-orange mb-20 cursor-pointer text-lg font-normal text-[#272424] underline underline-offset-4 transition-colors">
+      <Link
+        href="search/customer"
+        className="decoration-orange hover:text-orange mb-20 cursor-pointer text-lg font-normal text-[#272424] underline underline-offset-4 transition-colors"
+      >
         Я могу взять с собой посылку
-      </div>
+      </Link>
 
       <div className="mb-8 flex flex-col items-center justify-center">
         <h2 className="text-center text-4xl font-bold">Все объявления</h2>