feat: add search in collections

app/components/ReleaseLink/ReleaseLink.16_9FullImage.tsx

@@ -13,7 +13,7 @@ const profile_lists = {
 };
 
 export const ReleaseLink169 = (props: any) => {
-  const grade = props.grade.toFixed(1);
+  const grade = props.grade ? props.grade.toFixed(1) : null;
   const profile_list_status = props.profile_list_status;
   let user_list = null;
   if (profile_list_status != null || profile_list_status != 0) {
@@ -45,20 +45,24 @@ export const ReleaseLink169 = (props: any) => {
                   "
           />
           <div className="absolute flex flex-wrap items-start justify-start gap-0.5 sm:gap-1 left-0 top-0 p-1 sm:p-2">
-            <Chip
-              bg_color={
-                grade == 0
-                  ? "hidden"
-                  : grade < 2
-                  ? "bg-red-500"
-                  : grade < 3
-                  ? "bg-orange-500"
-                  : grade < 4
-                  ? "bg-yellow-500"
-                  : "bg-green-500"
-              }
-              name={grade}
-            />
+            {grade ? (
+              <Chip
+                bg_color={
+                  grade == 0
+                    ? "hidden"
+                    : grade < 2
+                    ? "bg-red-500"
+                    : grade < 3
+                    ? "bg-orange-500"
+                    : grade < 4
+                    ? "bg-yellow-500"
+                    : "bg-green-500"
+                }
+                name={grade}
+              />
+            ) : (
+              ""
+            )}
             {user_list && (
               <Chip bg_color={user_list.bg_color} name={user_list.name} />
             )}

app/components/ReleaseLink/ReleaseLink.16_9Poster.tsx

@@ -13,7 +13,7 @@ const profile_lists = {
 };
 
 export const ReleaseLink169Poster = (props: any) => {
-  const grade = props.grade.toFixed(1);
+  const grade = props.grade ? props.grade.toFixed(1) : null;
   const profile_list_status = props.profile_list_status;
   let user_list = null;
   if (profile_list_status != null || profile_list_status != 0) {
@@ -56,7 +56,7 @@ export const ReleaseLink169Poster = (props: any) => {
               </p>
             </div>
             <div className="flex flex-wrap gap-1 mt-1">
-              <Chip
+              {grade ? <Chip
                 bg_color={
                   grade == 0
                     ? "hidden"
@@ -69,7 +69,7 @@ export const ReleaseLink169Poster = (props: any) => {
                     : "bg-green-500"
                 }
                 name={grade}
-              />
+              /> : ""}
               {user_list && (
                 <Chip bg_color={user_list.bg_color} name={user_list.name} />
               )}

app/pages/Search.tsx

@@ -9,6 +9,7 @@ import { useRouter } from "next/navigation";
 import { useSearchParams } from "next/navigation";
 import { useUserStore } from "../store/auth";
 import { Button, Dropdown, Modal } from "flowbite-react";
+import { CollectionsSection } from "#/components/CollectionsSection/CollectionsSection";
 
 const fetcher = async (url: string) => {
   const res = await fetch(url);
@@ -94,10 +95,10 @@ export function SearchPage() {
   const userStore = useUserStore();
 
   const getKey = (pageIndex: number, previousPageData: any) => {
-    if (where == "list") {
-      if (previousPageData && !previousPageData.content.length) return null;
-    } else {
+    if (where == "releases") {
       if (previousPageData && !previousPageData.releases.length) return null;
+    } else {
+      if (previousPageData && !previousPageData.content.length) return null;
     }
 
     const url = new URL("/api/search", window.location.origin);
@@ -134,13 +135,13 @@ export function SearchPage() {
   useEffect(() => {
     if (data) {
       let allReleases = [];
-      if (where == "list") {
+      if (where == "releases") {
         for (let i = 0; i < data.length; i++) {
-          allReleases.push(...data[i].content);
+          allReleases.push(...data[i].releases);
         }
       } else {
         for (let i = 0; i < data.length; i++) {
-          allReleases.push(...data[i].releases);
+          allReleases.push(...data[i].content);
         }
       }
       setContent(allReleases);
@@ -235,7 +236,21 @@ export function SearchPage() {
         {data && data[0].related && <RelatedSection {...data[0].related} />}
         {content ? (
           content.length > 0 ? (
-            <ReleaseSection sectionTitle="Найденные релизы" content={content} />
+            <>
+              {where == "collections" ? (
+                <CollectionsSection
+                  sectionTitle="Найденные Коллекции"
+                  content={content}
+                />
+              ) : where == "profiles" ? (
+                <>Not Implemented Yet</>
+              ) : (
+                <ReleaseSection
+                  sectionTitle="Найденные релизы"
+                  content={content}
+                />
+              )}
+            </>
           ) : (
             <div className="flex flex-col items-center justify-center min-w-full gap-4 mt-12 text-xl">
               <span className="w-24 h-24 iconify-color twemoji--crying-cat"></span>
@@ -284,6 +299,7 @@ export function SearchPage() {
         isAuth={userStore.isAuth}
         searchBy={searchBy}
         setSearchBy={setSearchBy}
+        setContent={setContent}
       />
     </>
   );
@@ -299,6 +315,7 @@ const FiltersModal = (props: {
   isAuth: boolean;
   searchBy: string;
   setSearchBy: any;
+  setContent: any;
 }) => {
   const router = useRouter();
   const [where, setWhere] = useState(props.where);
@@ -335,6 +352,8 @@ const FiltersModal = (props: {
       props.setSearchBy("name");
     }
 
+    props.setContent(null);
+
     const url = new URL(`/search?${Params.toString()}`, window.location.origin);
     router.push(url.toString());
   }