Implemented days older than feature for item filtering on Admin side

Need to update design to integrate both days older and days since features
ScottyLabs · Nov 16, 2024 · 68f2a61 · 68f2a61
1 parent 23d602d
commit 68f2a61
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 4 deletions.
diff --git a/src/lib/schemas.ts b/src/lib/schemas.ts
@@ -41,7 +41,8 @@ export const ItemSearchSchema = z.object({
   query: z.string(),
   color: z.nativeEnum(Color).nullable(),
   status: z.nativeEnum(Status).nullable(),
-  value: z.nativeEnum(Value).nullable()
+  value: z.nativeEnum(Value).nullable(),
+  days: z.string()
 });
 
 export const UserSchema = z.object({

diff --git a/src/pages/manage/items/index.tsx b/src/pages/manage/items/index.tsx
@@ -56,7 +56,8 @@ const Manage: NextPageWithLayout = () => {
       query: '',
       status: null,
       color: null,
-      value: null
+      value: null,
+      days: ''
     }
   });
   const items = trpc.item.search.useQuery(methods.getValues());
@@ -137,6 +138,22 @@ const Manage: NextPageWithLayout = () => {
                       />
                     </div>
                   </div>
+
+                  <div className="flex w-full items-center justify-between p-4">
+                    <div className="font-bold">Date</div>
+                    <div className="w-48">
+                      <input
+                        type="text"
+                        placeholder="90"
+                        className="input-bordered input input-sm w-full"
+                        {...methods.register('days')}
+                      />
+                      <label className="text-xs text-error">
+                        {methods.formState.errors.days?.message}
+                      </label>
+                    </div>
+                  </div>
+
                   <div className="flex w-full items-center justify-end gap-2 p-4">
                     <button
                       className="btn-ghost btn-sm btn"
@@ -255,7 +272,8 @@ const Manage: NextPageWithLayout = () => {
           query: methods.watch('query'),
           status: methods.watch('status'),
           color: methods.watch('color'),
-          value: methods.watch('value')
+          value: methods.watch('value'),
+          days: methods.watch('days')
         }}
       />
     </>

diff --git a/src/server/trpc/router/item.ts b/src/server/trpc/router/item.ts
@@ -39,7 +39,13 @@ export default router({
         },
         color: input.color ?? undefined,
         status: input.status ?? undefined,
-        value: input.value ?? undefined
+        value: input.value ?? undefined,
+
+        createdAt: {
+          lte: input.days
+            ? new Date(Date.now() - parseInt(input.days) * 24 * 60 * 60 * 1000)
+            : new Date(Date.now())
+        }
       }
     })
   ),