feat(handler): Add handler for fetching individual app page

Author: wajeht

src/handler.ts

@@ -54,6 +54,18 @@ export async function getAppsPageHandler(req: Request, res: Response) {
 	});
 }
 
+// GET /apps/:id
+export async function getAppPageHandler(req: Request, res: Response) {
+	const [app] = await db
+		.select('*')
+		.from('apps')
+		.where({ id: parseInt(req.params.id!) });
+	return res.render('apps-id.html', {
+		app,
+		layout: '../layouts/auth.html',
+	});
+}
+
 // GET /apps/create
 export async function getCreateNewAppPageHandler(req: Request, res: Response) {
 	return res.render('apps-create.html', {

src/router.ts

@@ -3,6 +3,7 @@ import {
 	postNotificationHandler,
 	getHomePageHandler,
 	getAppsPageHandler,
+	getAppPageHandler,
 	getTermsOfServicePageHandler,
 	getSettingsPageHandler,
 	getProfilePageHandler,
@@ -28,6 +29,8 @@ router.get('/apps', catchAsyncErrorMiddleware(getAppsPageHandler));
 
 router.get('/apps/create', catchAsyncErrorMiddleware(getCreateNewAppPageHandler));
 
+router.get('/apps/:id', catchAsyncErrorMiddleware(getAppPageHandler));
+
 router.get('/settings', catchAsyncErrorMiddleware(getSettingsPageHandler));
 
 router.get('/profile', catchAsyncErrorMiddleware(getProfilePageHandler));

src/views/pages/apps-id.html

@@ -0,0 +1,6 @@
+<div class="p-10">
+	<div class="mx-auto max-w-6xl w-full prose">
+    <h2>Apps / <%= app.id %></h2>
+    <pre><%= JSON.stringify(app, null, 2) %></pre>
+  </div>
+</div>

src/views/pages/apps.html

@@ -10,7 +10,7 @@ <h2 class="mt-0">Apps</h2>
       <% if (apps.length) { %>
         <% apps.forEach(app => { %>
           <div class="p-5 border border-gray-100 rounded-md bg-base-100">
-            <h4><%= app.name %></h4>
+            <a class="link" href="/apps/<%= app.id %>"><h4><%= app.name %></h4></a>
           </div>
         <% }) %>
       <% } %>