From 1dadb768c50399cd0b68d050a6e0caf28f66c35f Mon Sep 17 00:00:00 2001
From: Yash <yashverma30115@gmail.com>
Date: Mon, 1 Apr 2024 05:10:03 +0000
Subject: [PATCH] rename to PageItem

---
 .../src/components/Sidebar/{ListItem.tsx => PagesItem.tsx}    | 2 +-
 apps/web/src/components/Sidebar/index.tsx                     | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)
 rename apps/web/src/components/Sidebar/{ListItem.tsx => PagesItem.tsx} (99%)

diff --git a/apps/web/src/components/Sidebar/ListItem.tsx b/apps/web/src/components/Sidebar/PagesItem.tsx
similarity index 99%
rename from apps/web/src/components/Sidebar/ListItem.tsx
rename to apps/web/src/components/Sidebar/PagesItem.tsx
index e2648e4b..ce762ae5 100644
--- a/apps/web/src/components/Sidebar/ListItem.tsx
+++ b/apps/web/src/components/Sidebar/PagesItem.tsx
@@ -31,7 +31,7 @@ import { Input } from "../ui/input";
 import { Textarea } from "../ui/textarea";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
 
-export const ListItem: React.FC<{ item: StoredContent }> = ({ item }) => {
+export const PageItem: React.FC<{ item: StoredContent }> = ({ item }) => {
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
   const [isEditDrawerOpen, setIsEditDrawerOpen] = useState(false);
 
diff --git a/apps/web/src/components/Sidebar/index.tsx b/apps/web/src/components/Sidebar/index.tsx
index 0a658b77..80d4beb5 100644
--- a/apps/web/src/components/Sidebar/index.tsx
+++ b/apps/web/src/components/Sidebar/index.tsx
@@ -1,6 +1,6 @@
 "use server";
 import { StoredContent } from "@/server/db/schema";
-import { AddNewPagePopover, ListItem } from "./ListItem";
+import { AddNewPagePopover, PageItem } from "./PagesItem";
 
 export default async function Sidebar() {
   const pages: StoredContent[] = [
@@ -38,7 +38,7 @@ export default async function Sidebar() {
           <AddNewPagePopover />
         </h1>
         {pages.map((item) => (
-          <ListItem key={item.id} item={item} />
+          <PageItem key={item.id} item={item} />
         ))}
       </div>
     </aside>