From 77003926da3919462899189f9729be22bdb6498d Mon Sep 17 00:00:00 2001
From: Khairul Hidayat <khai@rul.sh>
Date: Thu, 11 Jan 2024 05:52:47 +0000
Subject: [PATCH] feat: add artwork caption

---
 .../1704952067_updated_artworks.js            | 31 +++++++++++++++++++
 src/pages/artworks/page.tsx                   |  1 -
 src/pages/artworks/viewSheet.tsx              |  8 +++++
 3 files changed, 39 insertions(+), 1 deletion(-)
 create mode 100644 backend/pb_migrations/1704952067_updated_artworks.js

diff --git a/backend/pb_migrations/1704952067_updated_artworks.js b/backend/pb_migrations/1704952067_updated_artworks.js
new file mode 100644
index 0000000..81116c9
--- /dev/null
+++ b/backend/pb_migrations/1704952067_updated_artworks.js
@@ -0,0 +1,31 @@
+/// <reference path="../pb_data/types.d.ts" />
+migrate((db) => {
+  const dao = new Dao(db)
+  const collection = dao.findCollectionByNameOrId("eo6iaxf4pkeqynf")
+
+  // add
+  collection.schema.addField(new SchemaField({
+    "system": false,
+    "id": "ovwal2or",
+    "name": "caption",
+    "type": "text",
+    "required": false,
+    "presentable": false,
+    "unique": false,
+    "options": {
+      "min": null,
+      "max": null,
+      "pattern": ""
+    }
+  }))
+
+  return dao.saveCollection(collection)
+}, (db) => {
+  const dao = new Dao(db)
+  const collection = dao.findCollectionByNameOrId("eo6iaxf4pkeqynf")
+
+  // remove
+  collection.schema.removeField("ovwal2or")
+
+  return dao.saveCollection(collection)
+})
diff --git a/src/pages/artworks/page.tsx b/src/pages/artworks/page.tsx
index e3e4137..fb10b2d 100644
--- a/src/pages/artworks/page.tsx
+++ b/src/pages/artworks/page.tsx
@@ -11,7 +11,6 @@ import PageMetadata from "@/components/containers/PageMetadata";
 import { useMemo } from "react";
 import Button from "@/components/ui/Button";
 import { useBottomScrollListener } from "react-bottom-scroll-listener";
-import loadingIllust from "@/assets/images/l9fsdoa2j7vb1.gif";
 import { Skeleton } from "@/components/ui/Skeleton";
 
 const openingChestSfx = new Howl({
diff --git a/src/pages/artworks/viewSheet.tsx b/src/pages/artworks/viewSheet.tsx
index efca817..420fac0 100644
--- a/src/pages/artworks/viewSheet.tsx
+++ b/src/pages/artworks/viewSheet.tsx
@@ -52,6 +52,14 @@ const ViewSheet = ({ modal }: Props) => {
               <ChevronLeft /> Back
             </Button>
 
+            {data.caption?.length > 0 ? (
+              <div className="my-4 border-b pb-4">
+                {data.caption.split("\n").map((text: string, idx: number) => (
+                  <p key={idx}>{text}</p>
+                ))}
+              </div>
+            ) : null}
+
             <Badge>Artist Name</Badge>
             <p className="mt-1 truncate">{data.artistName}</p>