feat: platform to have custom title

prisma/migrations/20240625055033_platform_title/migration.sql

@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "Platform" ADD COLUMN     "title" TEXT;

prisma/schema.prisma

@@ -100,6 +100,7 @@ model Platform {
   price        Int
   url          String
   example      String?
+  title        String?
   description  String?
   user         User     @relation(fields: [userId], references: [id], onDelete: Cascade)
 

src/app/[username]/page.js

@@ -100,11 +100,7 @@ export default async function Page({ params }) {
                     id: platform.id,
                     icon: platform.name,
                     url: platform.example,
-                    urlText: `${REACH().data[platform.reach].name} on ${
-                      PLATFORMS().data[platform.name].display
-                    } with ${REACH().data[platform.reach].group} ($${
-                      platform.price
-                    })`,
+                    urlText: platform.title ? platform.title : platform.name,
                     description: platform.description,
                     meta: [
                       {

src/app/account/platforms/action.js

@@ -15,6 +15,7 @@ export async function platformUpdate(prevState, formData) {
   const price = Number(formData.get("price"));
   const url = formData.get("url");
   const example = formData.get("example");
+  const title = formData.get("title");
   const description = formData.get("description");
 
   // check authentication
@@ -23,7 +24,15 @@ export async function platformUpdate(prevState, formData) {
     throw new Error("Not authenticated");
   }
 
-  const validate = Platform({ name, reach, price, url, description, example });
+  const validate = Platform({
+    name,
+    reach,
+    price,
+    url,
+    description,
+    example,
+    title,
+  });
 
   if (!validate.success) {
     return validate;
@@ -43,6 +52,7 @@ export async function platformUpdate(prevState, formData) {
         url,
         description,
         example,
+        title,
       },
     });
   } else {
@@ -59,6 +69,7 @@ export async function platformUpdate(prevState, formData) {
         url,
         description,
         example,
+        title,
       },
     });
   }

src/app/account/platforms/form.js

@@ -89,6 +89,13 @@ export default function Form({ data }) {
               value={edit.example}
             />
 
+            <Input
+              id="title"
+              name="Title of content"
+              error={state?.errors?.title}
+              value={edit.title}
+            />
+
             <Textarea
               id="description"
               name="Description of service"

src/app/account/platforms/page.js

@@ -50,11 +50,7 @@ export default async function Page() {
                     id: platform.id,
                     icon: platform.name,
                     url: `?id=${platform.id}`,
-                    urlText: `${REACH().data[platform.reach].name} on ${
-                      PLATFORMS().data[platform.name].display
-                    } with ${REACH().data[platform.reach].group} ($${
-                      platform.price
-                    })`,
+                    urlText: platform.title ? platform.title : platform.name,
                     description: platform.description,
                     meta: [
                       {

src/models/Platform.js

@@ -10,6 +10,7 @@ export default function Platform(platform) {
     price: z.number().min(10),
     url: z.string().url(),
     example: z.string().url(),
+    title: z.string().max(256),
     description: z.string().max(1024),
   });
 
@@ -19,6 +20,7 @@ export default function Platform(platform) {
     price: platform.price,
     url: platform.url,
     example: platform.example,
+    title: platform.title,
     description: platform.description,
   });