filter by creation date

src/lib/components/sidebar/Sidebar.svelte

@@ -9,6 +9,7 @@
 
 	import Menu from "./Menu.svelte";
 	import { browser } from '$app/environment';
+	import { galleryStore } from '$lib/stores/use-gallery';
 
   let isOpen = false;
   let user = get(userStore);
@@ -28,7 +29,15 @@
 
   if (browser) {
     page.subscribe((value) => {
-      if (isOpen) handleClick();
+      if (isOpen) {
+        handleClick();
+        galleryStore.update((value) => {
+          return {
+            ...value,
+            open: false,
+          };
+        });
+      }
     });
   }
 </script>

src/lib/utils/index.ts

@@ -28,6 +28,12 @@ export const MODELS_FILTER_OPTIONS = [
     icon: "ph:fire-bold",
     iconColor: "text-orange-500"
   },
+  {
+    label: "Newest",
+    value: "newest",
+    icon: "ph:clock-bold",
+    iconColor: "text-blue-500"
+  }
 ];
 
 export const SIDEBAR_MENUS = [ {

src/routes/api/models/+server.ts

@@ -12,7 +12,7 @@ export async function GET(request : RequestEvent) {
   if (token) {
     const user = await tokenIsAvailable(token)
     if (user) {
-      IS_ADMIN = process.env.SECRET_HF_ADMIN.includes(user.sub)
+      IS_ADMIN = process?.env?.SECRET_HF_ADMIN ? process?.env?.SECRET_HF_ADMIN.includes(user.sub) : false
     }
   }
 
@@ -29,7 +29,7 @@ export async function GET(request : RequestEvent) {
       ]
     },
     orderBy: {
-      ...(filter === 'hotest' ? { downloads: 'desc' } : { likes: 'desc' })
+      ...(filter === 'hotest' ? { downloads: 'desc' } : filter === 'likes' ? { likes: 'desc' } : { createdAt: 'desc' })
     },
     skip: limit * page,
     take: limit,