From bc2de5198720c1cd818149dd9805f4dba8b619d7 Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Tue, 23 Jan 2024 00:07:36 +0800
Subject: [PATCH] :lipstick: Optimized UX

---
 .idea/.gitignore              |  8 ++++++++
 .idea/Capital.iml             | 12 ++++++++++++
 .idea/modules.xml             |  8 ++++++++
 .idea/vcs.xml                 |  6 ++++++
 src/components/PostList.astro |  4 ++--
 src/pages/index.astro         | 32 --------------------------------
 src/pages/posts/index.astro   | 35 +++++++++++++++++++++--------------
 src/scripts/requests.ts       | 21 +++++++++++++--------
 8 files changed, 70 insertions(+), 56 deletions(-)
 create mode 100644 .idea/.gitignore
 create mode 100644 .idea/Capital.iml
 create mode 100644 .idea/modules.xml
 create mode 100644 .idea/vcs.xml

diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..13566b8
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,8 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml
diff --git a/.idea/Capital.iml b/.idea/Capital.iml
new file mode 100644
index 0000000..24643cc
--- /dev/null
+++ b/.idea/Capital.iml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..97aa9ab
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/Capital.iml" filepath="$PROJECT_DIR$/.idea/Capital.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..35eb1dd
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/src/components/PostList.astro b/src/components/PostList.astro
index 98cc1a7..6513daf 100644
--- a/src/components/PostList.astro
+++ b/src/components/PostList.astro
@@ -8,11 +8,11 @@ import { POST_TYPES } from "../scripts/consts";
 const { posts } = Astro.props;
 ---
 
-<div class="grid justify-items-strench gap-6">
+<div class="grid justify-items-strench shadow-lg">
   {
     posts?.map((item) => (
       <a href={`/p/${item.slug}`}>
-        <div class="card sm:card-side hover:bg-base-200 transition-colors sm:max-w-none shadow-xl">
+        <div class="card sm:card-side hover:bg-base-200 transition-colors sm:max-w-none">
           {item.cover.image.url && (
             <figure class="mx-auto w-full object-cover p-6 max-sm:pb-0 sm:max-w-[12rem] sm:pe-0">
               <img
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 0ab3a07..27736fa 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -182,38 +182,6 @@ const { events } = (
   </div>
 </RootLayout>
 
-<script>
-  function debounce(func: any, timeout = 300) {
-    let timer: number;
-    return (...args: any[]) => {
-      clearTimeout(timer);
-      // @ts-ignore
-      timer = setTimeout(() => {
-        // @ts-ignore
-        func.apply(this, args);
-      }, timeout);
-    };
-  }
-
-  // Makes scroll means slide to next page
-  const wrapper = document.querySelector<HTMLDivElement>(".wrapper");
-  const template = document.querySelector<HTMLDivElement>("#hello");
-  const scroll = debounce((negative: boolean) => {
-    if (wrapper) {
-      console.log("scrolled");
-      let range = negative
-        ? -(template?.clientHeight ?? 0)
-        : template?.clientHeight ?? 0;
-      wrapper.scrollTop += range;
-    }
-  }, 40); // 40ms to prevent touchpad and smooth scroll software
-  wrapper?.addEventListener("wheel", (event) => {
-    event.preventDefault();
-    event.stopPropagation();
-    scroll(event.deltaY < 0);
-  });
-</script>
-
 <style>
   .spinning {
     animation: 5s ease-in-out infinite running spinning;
diff --git a/src/pages/posts/index.astro b/src/pages/posts/index.astro
index 6eb734e..57d22d4 100644
--- a/src/pages/posts/index.astro
+++ b/src/pages/posts/index.astro
@@ -2,14 +2,14 @@
 import PageLayout from "../../layouts/PageLayout.astro";
 import PostList from "../../components/PostList.astro";
 
-import { graphQuery } from "../../scripts/requests";
+import {graphQuery} from "../../scripts/requests";
 
 export const prerender = false;
 
-const { posts } = (
-  await graphQuery(
-    `query Query($where: PostWhereInput!) {
-  posts(where: $where) {
+const {posts} = (
+    await graphQuery(
+        `query Query($where: PostWhereInput!, $orderBy: [PostOrderByInput!]!) {
+  posts(where: $where, orderBy: $orderBy) {
     slug
     type
     title
@@ -31,18 +31,25 @@ const { posts } = (
     createdAt
   }
 }`,
-    { where: {} }
-  )
+        {
+            orderBy: [
+                {
+                    createdAt: "desc",
+                },
+            ],
+            where: {}
+        }
+    )
 ).data;
 ---
 
 <PageLayout title="记录">
-  <div class="max-w-[720px] mx-auto">
-    <div class="pt-16 pb-6 px-6">
-      <h1 class="text-4xl font-bold">记录</h1>
-      <p class="pt-2">记录生活，记录理想，记录记录……</p>
-    </div>
+    <div class="max-w-[720px] mx-auto">
+        <div class="pt-16 pb-6 px-6">
+            <h1 class="text-4xl font-bold">记录</h1>
+            <p class="pt-2">记录生活，记录理想，记录记录……</p>
+        </div>
 
-    <PostList posts={posts as any[]} />
-  </div>
+        <PostList posts={posts as any[]}/>
+    </div>
 </PageLayout>
diff --git a/src/scripts/requests.ts b/src/scripts/requests.ts
index eff5976..be903f3 100644
--- a/src/scripts/requests.ts
+++ b/src/scripts/requests.ts
@@ -1,12 +1,17 @@
+const defaultCms = "https://smartsheep.studio";
+
 export async function graphQuery(query: string, variables: any) {
-  const response = await fetch(`${process.env.PUBLIC_CMS}/api/graphql`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({
-      query,
-      variables,
-    }),
-  });
+  const response = await fetch(
+    `${process.env.PUBLIC_CMS ?? defaultCms}/api/graphql`,
+    {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        query,
+        variables,
+      }),
+    },
+  );
 
   return await response.json();
 }