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 @@
+///
+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) => {
Back
+ {data.caption?.length > 0 ? (
+
+ {data.caption.split("\n").map((text: string, idx: number) => (
+
{text}
+ ))}
+
+ ) : null}
+
Artist Name
{data.artistName}