more stats

src/app/stats/columns.tsx

@@ -18,7 +18,10 @@ export const columns: ColumnDef<UrlTable>[] = [
     accessorKey: "long_url",
     header: "URL",
   },
-  { accessorKey: "id", header: "ID" },
+  {
+    accessorKey: "id",
+    header: "Short URL",
+  },
   {
     accessorKey: "date_accessed",
     header: "Date Accessed",

src/app/stats/db.tsx

@@ -10,8 +10,6 @@ export async function querydb() {
 		limit 50;
 		`);
 
-    // @ts-ignore
-    console.log(stats);
     return stats;
   } catch (e) {
     return;

src/app/stats/page.tsx

@@ -6,10 +6,35 @@ import { querydb } from "./db";
 
 export default async function StatsPage() {
 	let data = await querydb();
+	// @ts-ignore
+	data = data[0];
+
+	if (data !== undefined) {
+		const formatDate = (dateString: string | number | Date) => {
+			const date = new Date(dateString);
+			const day = String(date.getDate()).padStart(2, '0');
+			const month = String(date.getMonth() + 1).padStart(2, '0');
+			const year = String(date.getFullYear()).slice(-2);
+			return `${month}/${day}/${year}`;
+		};
+
+		data = data.map(item => ({
+			// @ts-ignore
+			...item,
+			// @ts-ignore
+			date_accessed: formatDate(item.date_accessed),
+			// @ts-ignore
+			date_added: formatDate(item.date_added),
+			// @ts-ignore
+			id: item.id.replace(/^url:\['(.*)'\]$/, '$1')
+		}));
+	}
+
 	return (
 		<CardGrid max_rows={1}>
 			<Card>
-				<DataTable columns={columns} data={data[0]} />
+				{/* @ts-ignore */}
+				<DataTable columns={columns} data={data} />
 			</Card>
 		</CardGrid>
 	);