add index logic

app/api/dhcp-event/route.ts

@@ -9,6 +9,7 @@ type dhcpEventType = {
 
 export type userReturnType = {
 	id: number;
+	indexNumber: number;
 	displayName: string;
 	name: string;
 	ip: string;
@@ -50,11 +51,22 @@ export async function POST(request: Request) {
 			status: 200
 		});
 	} else {
+		let highestIndex = db
+			.prepare('SELECT MAX(indexNumber) FROM users')
+			.get() as { 'MAX(indexNumber)': number };
 		let insertDevice = db
 			.prepare(
-				'INSERT INTO users (name, ip, macaddress, lastupdated, devicetype, lastEventType) VALUES (?, ?, ?, ?, ?, ?)'
+				'INSERT INTO users (indexNumber, name, ip, macaddress, lastupdated, devicetype, lastEventType) VALUES (?, ?, ?, ?, ?, ?, ?)'
 			)
-			.run(body.hostname, body.ip, body.mac, Date.now(), 'generic', body.type);
+			.run(
+				highestIndex['MAX(indexNumber)'] + 1,
+				body.hostname,
+				body.ip,
+				body.mac,
+				Date.now(),
+				'generic',
+				body.type
+			);
 		return new Response(JSON.stringify(insertDevice), {
 			status: 200
 		});

app/api/edit/change-index/route.ts

@@ -0,0 +1,70 @@
+import { db } from '@/lib/db';
+import { userReturnType } from '../../dhcp-event/route';
+
+type changeIndexType = {
+	index: string;
+	macAddress: string;
+};
+
+export async function POST(request: Request) {
+	const body = (await request.json()) as changeIndexType;
+	if (
+		!body.index ||
+		body.index === '' ||
+		!body.macAddress ||
+		body.macAddress === ''
+	) {
+		return new Response(JSON.stringify({ error: 'Missing required fields' }), {
+			status: 400
+		});
+	}
+
+	let currentUser = db
+		.prepare('SELECT * FROM users WHERE macaddress = ?')
+		.get(body.macAddress) as userReturnType | undefined;
+	if (!currentUser) {
+		return new Response(
+			JSON.stringify({ error: 'No device with that MAC address' }),
+			{
+				status: 400
+			}
+		);
+	}
+
+	let conflictingUser = db
+		.prepare('SELECT * FROM users WHERE indexNumber = ?')
+		.get(body.index) as userReturnType | undefined;
+	if (!conflictingUser) {
+		let updateIndex = db
+			.prepare('UPDATE users SET indexNumber = ? WHERE macaddress = ?')
+			.run(body.index, body.macAddress);
+		return new Response(JSON.stringify(updateIndex), {
+			status: 200
+		});
+	}
+
+	let updateIndex = db.prepare(
+		'UPDATE users SET indexNumber = @index WHERE macaddress = @mac'
+	);
+
+	let updateMany = db.transaction((users: { index: number; mac: string }[]) => {
+		users.forEach((user) => {
+			updateIndex.run(user);
+		});
+	});
+
+	let updateIndexMany = updateMany([
+		{
+			index: parseInt(body.index),
+			mac: body.macAddress
+		},
+		{
+			index: currentUser.indexNumber,
+			mac: conflictingUser.macaddress
+		}
+	]);
+
+	return new Response(JSON.stringify(updateIndexMany), {
+		status: 200
+	});
+}

app/components/user-cards/UserCards.server.tsx

@@ -3,6 +3,9 @@ import UserCard from './UserCard.client';
 import { userReturnType } from '@/app/api/dhcp-event/route';
 export default function UserCards() {
 	let allUsers = db.prepare('SELECT * FROM users').all() as userReturnType[];
+	allUsers.sort((a, b) => {
+		return a.indexNumber - b.indexNumber;
+	});
 	return allUsers.map((user) => (
 		<UserCard
 			name={user.name}

lib/db.ts

@@ -8,6 +8,7 @@ export const db = new Database('./db/next-openwrt-stats.db');
 
 const createUserTable = db.prepare(`CREATE TABLE IF NOT EXISTS users (
 	id INTEGER PRIMARY KEY AUTOINCREMENT,
+	indexNumber INTEGER,
 	name TEXT,
 	displayName TEXT,
 	ip TEXT,