feat: refactor home page

Author: luannguyenQV

README.md

@@ -1,11 +1,11 @@
 <p align="center">
     <a href="https://codeforstartup.com/">
         <img src="./images/home-screen.png">
-        <h1 align="center" style="color: red">TOPLIST</h1>
+        <h1 align="center" style="color: red">NEXT FORUM</h1>
     </a>
 </p>
 
-# About TOPLIST
+# About next-forum
 
 # Installation
 

apps/admin/@/molecules/nav/logo.tsx

@@ -16,7 +16,7 @@ const Logo: React.FC = () => {
           bebasNeue.className
         )}
       >
-        TOPLIST
+        NEXT-FORUM
       </h1>
     </Link>
   )

apps/web/@/molecules/nav/logo.tsx

@@ -16,7 +16,7 @@ const Logo: React.FC = () => {
           bebasNeue.className
         )}
       >
-        TOPLIST
+        NEXT-FORUM
       </h1>
     </Link>
   )

apps/web/@/molecules/post-list/index.tsx

@@ -9,7 +9,11 @@ import useInfiniteScroll from "@/hooks/useInfinityScroll"
 
 import PostItem from "../posts/post-item"
 
-export default function PostList() {
+interface PostListProps {
+  containerClassName?: string
+}
+
+export default function PostList({ containerClassName }: PostListProps) {
   const searchParams = useSearchParams()
   const [page, setPage] = useState(1)
   const [hasMore, setHasMore] = useState(true)
@@ -31,7 +35,7 @@ export default function PostList() {
   const { setNode } = useInfiniteScroll(loadMoreBooks, null, loading)
 
   return (
-    <div>
+    <div className={containerClassName}>
       {posts?.map((post) => (
         <PostItem
           key={post.id}

apps/web/app/[lang]/(public)/page.tsx

@@ -1,27 +1,18 @@
 import { Metadata } from "next"
 
-import { getPosts, PostStatus } from "database"
-
-import useInfiniteScroll from "@/hooks/useInfinityScroll"
 import Filter from "@/molecules/home/filter"
 import PostList from "@/molecules/post-list"
-import PostItem from "@/molecules/posts/post-item"
 
 export const metadata: Metadata = {
-  title: "Toplist360 - Share the best things",
+  title: "Next-forum - Share the best things",
   description: "Share the best things in the world",
 }
 
-export default async function Page({
-  searchParams,
-}: {
-  searchParams: { [key: string]: string | string[] | undefined }
-}) {
+export default async function Page() {
   return (
-    <div className="">
+    <div>
       <Filter />
-
-      <PostList />
+      <PostList containerClassName="mt-4" />
     </div>
   )
 }

apps/web/app/[lang]/(public)/ui/page.tsx

@@ -7,7 +7,7 @@ import PageTitle from "@/molecules/page-title"
 import TagBadge from "@/molecules/tag/tag-badge"
 
 export const metadata: Metadata = {
-  title: "Toplist360 - Page UI",
+  title: "Next-forum - Page UI",
   description: "UI components for pages",
 }
 

packages/ui/@/components/ui/typography.tsx

@@ -27,6 +27,7 @@ const typographyVariants = cva("text-foreground", {
       mutedText: "text-sm text-muted-foreground p-0 m-0",
       span: "text-sm",
       strong: "font-bold",
+      code: "code",
     },
   },
   defaultVariants: {
@@ -53,6 +54,7 @@ const variantElementMap: Record<NonNullable<VariantPropType["variant"]>, string>
   mutedText: "p",
   ul: "ul",
   span: "span",
+  code: "code",
 }
 
 export interface TypographyProps