From 3f6ff82063a73620e1381b1a55b088ad70b13c92 Mon Sep 17 00:00:00 2001
From: marshennikovaolga <marshennikova@gmail.com>
Date: Mon, 9 Sep 2024 20:17:13 +0300
Subject: [PATCH] date format

---
 web/components/routes/page/list.tsx               | 2 +-
 web/components/routes/page/partials/page-item.tsx | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/components/routes/page/list.tsx b/web/components/routes/page/list.tsx
index d5796a73..149cb9ce 100644
--- a/web/components/routes/page/list.tsx
+++ b/web/components/routes/page/list.tsx
@@ -64,7 +64,7 @@ export const ColumnHeader: React.FC = () => {
 			<Column.Wrapper style={columnStyles.topic}>
 				<Column.Text>Topic</Column.Text>
 			</Column.Wrapper>
-			<Column.Wrapper style={columnStyles.updated} className="justify-end">
+			<Column.Wrapper style={columnStyles.updated}>
 				<Column.Text>Updated</Column.Text>
 			</Column.Wrapper>
 		</div>
diff --git a/web/components/routes/page/partials/page-item.tsx b/web/components/routes/page/partials/page-item.tsx
index 1f9c3d29..6b484eed 100644
--- a/web/components/routes/page/partials/page-item.tsx
+++ b/web/components/routes/page/partials/page-item.tsx
@@ -6,6 +6,7 @@ import { Badge } from "@/components/ui/badge"
 import { Column } from "./column"
 import { useMedia } from "react-use"
 import { useColumnStyles } from "../hooks/use-column-styles"
+import { format } from "date-fns"
 
 interface PageItemProps {
 	page: PersonalPage
@@ -47,8 +48,8 @@ export const PageItem = React.forwardRef<HTMLAnchorElement, PageItemProps>(({ pa
 					</>
 				)}
 
-				<Column.Wrapper style={columnStyles.updated} className="justify-end">
-					<Column.Text className="text-[13px]">{page.updatedAt.toLocaleDateString()}</Column.Text>
+				<Column.Wrapper style={columnStyles.updated} className="flex justify-end">
+					<Column.Text className="text-[13px]">{format(new Date(page.updatedAt), "d MMM yyyy")}</Column.Text>
 				</Column.Wrapper>
 			</div>
 		</Link>