37 lines
3.6 KiB
JavaScript
37 lines
3.6 KiB
JavaScript
import { c as createComponent, d as renderComponent, r as renderTemplate, b as createAstro, m as maybeRenderHead, a as addAttribute } from '../chunks/astro/server_DrnzQWw3.mjs';
|
||
import 'kleur/colors';
|
||
import { $ as $$BaseLayout } from '../chunks/BaseLayout_Bc2tHXHa.mjs';
|
||
import { $ as $$PostCard } from '../chunks/PostCard_D8td2Gog.mjs';
|
||
import { r as readCms, i as searchPosts, b as getApprovedPosts } from '../chunks/cms_CRTVymfB.mjs';
|
||
export { renderers } from '../renderers.mjs';
|
||
|
||
const $$Astro = createAstro();
|
||
const $$Index = createComponent(async ($$result, $$props, $$slots) => {
|
||
const Astro2 = $$result.createAstro($$Astro, $$props, $$slots);
|
||
Astro2.self = $$Index;
|
||
const cms = await readCms();
|
||
const query = Astro2.url.searchParams.get("q")?.trim() ?? "";
|
||
const results = searchPosts(getApprovedPosts(cms), query);
|
||
const title = query ? `\u062C\u0633\u062A\u062C\u0648: ${query} | \u0631\u0648\u0633 \u0627\u0645\u0631\u0648\u0632` : "\u062C\u0633\u062A\u062C\u0648 | \u0631\u0648\u0633 \u0627\u0645\u0631\u0648\u0632";
|
||
return renderTemplate`${renderComponent($$result, "BaseLayout", $$BaseLayout, { "title": title, "description": "\u062C\u0633\u062A\u062C\u0648 \u062F\u0631 \u062E\u0628\u0631\u0647\u0627 \u0648 \u062A\u062D\u0644\u06CC\u0644\u200C\u0647\u0627\u06CC \u0631\u0648\u0633 \u0627\u0645\u0631\u0648\u0632" }, { "default": async ($$result2) => renderTemplate` ${maybeRenderHead()}<main class="max-w-7xl mx-auto px-4 lg:px-8 py-8"> <div class="bg-white rounded-2xl shadow-sm p-5 sm:p-6 mb-6"> <span class="text-brand text-sm font-bold">جستجو</span> <h1 class="text-2xl font-black mt-1">جستجو در روس امروز</h1> <form action="/search/" method="get" class="mt-5 flex gap-2"> <input type="search" name="q"${addAttribute(query, "value")} placeholder="عبارت مورد نظر را وارد کنید..." class="flex-1 bg-gray-100 text-gray-700 text-sm rounded-xl px-4 py-3 outline-none focus:ring-1 focus:ring-brand focus:bg-white"> <button type="submit" class="bg-brand text-white text-sm font-bold px-5 py-3 rounded-xl hover:bg-red-700 transition-colors">
|
||
جستجو
|
||
</button> </form> </div> ${query ? renderTemplate`<section> <div class="flex items-center justify-between mb-4"> <h2 class="font-bold text-lg">نتایج برای «${query}»</h2> <span class="text-sm text-gray-400">${results.length} نتیجه</span> </div> ${results.length > 0 ? renderTemplate`<div class="grid grid-cols-1 lg:grid-cols-2 gap-4"> ${results.map((post) => renderTemplate`${renderComponent($$result2, "PostCard", $$PostCard, { "post": post })}`)} </div>` : renderTemplate`<div class="bg-white rounded-2xl shadow-sm p-8 text-center text-gray-500">
|
||
نتیجهای برای این عبارت پیدا نشد.
|
||
</div>`} </section>` : renderTemplate`<section class="bg-white rounded-2xl shadow-sm p-5"> <h2 class="font-bold text-base mb-3">موضوعات پیشنهادی</h2> <div class="flex flex-wrap gap-2"> ${cms.settings.hotTopics.map((tag) => renderTemplate`<a${addAttribute(`/search/?q=${encodeURIComponent(tag)}`, "href")} class="bg-gray-100 hover:bg-red-50 hover:text-brand text-gray-600 text-xs px-3 py-1.5 rounded-full transition-colors">
|
||
#${tag} </a>`)} </div> </section>`} </main> ` })}`;
|
||
}, "/Users/drfelfel/ruseemrooz/src/pages/search/index.astro", void 0);
|
||
|
||
const $$file = "/Users/drfelfel/ruseemrooz/src/pages/search/index.astro";
|
||
const $$url = "/search";
|
||
|
||
const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
|
||
__proto__: null,
|
||
default: $$Index,
|
||
file: $$file,
|
||
url: $$url
|
||
}, Symbol.toStringTag, { value: 'Module' }));
|
||
|
||
const page = () => _page;
|
||
|
||
export { page };
|