feat: search flow glamping demo

patrikzita · Feb 20, 2024 · a4ec7f9 · a4ec7f9
1 parent bc10925
commit a4ec7f9
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 8 deletions.
diff --git a/sqlite.db b/sqlite.db
diff --git a/src/components/PreviewCard.tsx b/src/components/PreviewCard.tsx
@@ -16,7 +16,7 @@ type CardProps = React.ComponentProps<typeof Card> & {
 
 export function PreviewCard({ className, glamp, ...props }: CardProps) {
   return (
-    <Card className={cn("w-[380px]", className)} {...props}>
+    <Card className={cn(className)} {...props}>
       <CardHeader>
         <CardTitle className={cn({ "text-yellow-600": glamp.isLuxury })}>
           {glamp.title}

diff --git a/src/graphql/schema/glamps/glamps.resolver.ts b/src/graphql/schema/glamps/glamps.resolver.ts
@@ -59,10 +59,10 @@ export class GlampResolver {
     if (dateRange) {
       const { from, to } = dateRange;
       glampsQueryBuilder = glampsQueryBuilder.where(
-        and(gte(dbGlamps.availableFrom, from), lte(dbGlamps.availableTo, to))
+        and(lte(dbGlamps.availableFrom, to), gte(dbGlamps.availableTo, from))
       );
       totalCountQueryBuilder = totalCountQueryBuilder.where(
-        and(gte(dbGlamps.availableFrom, from), lte(dbGlamps.availableTo, to))
+        and(lte(dbGlamps.availableFrom, to), gte(dbGlamps.availableTo, from))
       );
     }
 

diff --git a/src/lib/validators/searchParams.ts b/src/lib/validators/searchParams.ts
@@ -1,5 +1,5 @@
 import { ParsedUrlQuery } from "querystring";
-import { string, z } from "zod";
+import { z } from "zod";
 
 const stringToBoolean = (val: unknown) => {
   if (val === "true") return true;

diff --git a/src/pages/glamps/index.tsx b/src/pages/glamps/index.tsx
@@ -17,13 +17,13 @@ import { DateRange } from "react-day-picker";
 export default function GlampsSearchPage() {
   const router = useRouter();
 
-  const { isLuxury } = router.query;
+  const validSearchParams = getValidSearchParams(router.query);
 
   const { data, loading, refetch } = useGetSearchGlampsQuery({
     variables: {
       limit: 3,
       offset: 0,
-      isLuxury: !!isLuxury,
+      isLuxury: validSearchParams.isLuxury,
     },
     fetchPolicy: "cache-first",
     nextFetchPolicy: "network-only",
@@ -59,7 +59,7 @@ export default function GlampsSearchPage() {
     <Shell as="main" variant="default">
       <h1>Glamping</h1>
       <SearchBar onSearch={handleSearch} />
-      <div className="grid grid-cols-3 gap-3">
+      <div className="grid md:grid-cols-3 gap-3">
         {data?.searchGlamps.glamps.map((glamp) => (
           <PreviewCard key={glamp.id} glamp={glamp} />
         ))}

diff --git a/src/pages/refetch-changing/index.tsx b/src/pages/refetch-changing/index.tsx
@@ -209,7 +209,6 @@ export const ShowDealsGrandChildren = () => {
     fetchPolicy: "standby",
   });
 
-  console.log(data);
   if (data?.deals.length)
     return (
       <div className="border-orange-700 border-2 p-1">