server continue

src/components/blog/PostSorting.tsx

@@ -4,68 +4,28 @@ import Card, { Post } from "./Card";
 export interface PostSortingProps {
   posts: Post[];
   privilegeLevel: "anonymous" | "admin" | "user";
-  filters?: string;
-  sort?: string;
 }
 
+/**
+ * PostSorting Component
+ *
+ * Note: This component has been simplified - filtering and sorting
+ * are now handled server-side via the blog.getPosts tRPC query.
+ *
+ * This component now only renders the posts that have already been
+ * filtered and sorted by the server.
+ */
 export default function PostSorting(props: PostSortingProps) {
-  const postsToFilter = () => {
-    const filterSet = new Set<number>();
-
-    if (!props.filters) return filterSet;
-
-    const filterTags = props.filters.split("|");
-
-    props.posts.forEach((post) => {
-      if (post.tags) {
-        const postTags = post.tags.split(",");
-        const hasMatchingTag = postTags.some((tag) =>
-          filterTags.includes(tag.slice(1))
-        );
-        if (hasMatchingTag) {
-          filterSet.add(post.id);
-        }
-      }
-    });
-
-    return filterSet;
-  };
-
-  const filteredPosts = () => {
-    return props.posts.filter((post) => {
-      return !postsToFilter().has(post.id);
-    });
-  };
-
-  const sortedPosts = () => {
-    const posts = filteredPosts();
-
-    switch (props.sort) {
-      case "newest":
-        return [...posts];
-      case "oldest":
-        return [...posts].reverse();
-      case "most liked":
-        return [...posts].sort((a, b) => b.total_likes - a.total_likes);
-      case "most read":
-        return [...posts].sort((a, b) => b.reads - a.reads);
-      case "most comments":
-        return [...posts].sort((a, b) => b.total_comments - a.total_comments);
-      default:
-        return [...posts].reverse();
-    }
-  };
-
   return (
     <Show
-      when={!(props.posts.length > 0 && filteredPosts().length === 0)}
+      when={props.posts.length > 0}
       fallback={
         <div class="pt-12 text-center text-2xl tracking-wide italic">
-          All posts filtered out!
+          No posts found!
         </div>
       }
     >
-      <For each={sortedPosts()}>
+      <For each={props.posts}>
         {(post) => (
           <div class="my-4">
             <Card post={post} privilegeLevel={props.privilegeLevel} />