From a508ada21cb76a4b42bbe8979640dcf5cc4bd785 Mon Sep 17 00:00:00 2001
From: felipe <felipe.silvad@outlook.com>
Date: Mon, 24 Feb 2025 17:00:30 -0300
Subject: [PATCH] last added

---
 astro.config.mjs                       |  2 +-
 src/components/Sidebar.astro           |  2 +-
 src/components/sidebar/SidebarAd.astro |  2 +-
 src/pages/last-added/index.astro       | 30 ++++++++++++++++++++++++++
 4 files changed, 33 insertions(+), 3 deletions(-)
 create mode 100644 src/pages/last-added/index.astro

diff --git a/astro.config.mjs b/astro.config.mjs
index 1b03a0d..2b421b8 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -44,7 +44,7 @@ export default defineConfig({
   adapter: node({ mode: 'standalone' }),
   redirects: {
     '/album/list': { status: 307, destination: '/maintenance' },
-    '/last-added': { status: 307, destination: '/maintenance' },
+    // '/last-added': { status: 307, destination: '/maintenance' },
     '/anim': { status: 307, destination: '/maintenance' },
     '/anim/[id]': { status: 307, destination: '/maintenance' },
     '/anim/list': { status: 307, destination: '/maintenance' },
diff --git a/src/components/Sidebar.astro b/src/components/Sidebar.astro
index 99f0074..4054d77 100644
--- a/src/components/Sidebar.astro
+++ b/src/components/Sidebar.astro
@@ -18,7 +18,7 @@ const listClass =
   'uppercase text-3xl font-semibold w-full text-center py-3 hover:bg-dark-hover hover:text-cyan-400 hover:underline'
 ---
 
-<div class='md:w-3/12 md:max-w-[300px] bg-dark flex flex-col'>
+<div class='md:w-3/12 md:max-w-[300px] h-full bg-dark flex flex-col'>
   <a href='#' class={listClass}>{m.lastAddedSidebar()}</a>
   <a href='#' class={listClass}>{m.getLucky()}</a>
   <a href='#' class={listClass}>{m.randomPull()}</a>
diff --git a/src/components/sidebar/SidebarAd.astro b/src/components/sidebar/SidebarAd.astro
index 318ed5a..aa4c1b9 100644
--- a/src/components/sidebar/SidebarAd.astro
+++ b/src/components/sidebar/SidebarAd.astro
@@ -5,7 +5,7 @@ const show = !permissions.includes('SKIP_ADS')
 
 {show ? (
 
-<div class="rounded-md mb-2">
+<div class="rounded-md mb-2 h-full min-h-96">
       <iframe
             title='play-asia'
             id='id01_909824'
diff --git a/src/pages/last-added/index.astro b/src/pages/last-added/index.astro
new file mode 100644
index 0000000..de458f0
--- /dev/null
+++ b/src/pages/last-added/index.astro
@@ -0,0 +1,30 @@
+---
+import prismaClient from 'utils/prisma-client'
+import * as m from 'paraglide/messages'
+
+import BaseLayout from 'layouts/base.astro'
+import AlbumBox from 'components/AlbumBox.astro'
+
+const lastAlbums = await prismaClient.albums.findMany({
+  select: { id: true, title: true },
+  take: 40,
+  orderBy: { createdAt: 'desc' }
+})
+---
+
+<BaseLayout>
+  <div class='w-full min-h-100vh mx-auto max-w-[1440px]'>
+    <div class='px-2 mb-2'>
+      <h1 class='uppercase font-medium tracking-wide text-5xl drop-shadow-2xl mt-5 mb-2 text-center'>
+        {m.lastAdded()}
+      </h1>
+      <div class='grid grid-cols-4 gap-x-1.5'>
+        {
+          lastAlbums.map((album) => (
+            <AlbumBox title={album.title} href={`/album/${album.id}`} image={`/album/${album.id}.png`} />
+          ))
+        }
+      </div>
+    </div>
+   </div>
+</BaseLayout>