fix: forgot this last time

Signed-off-by: Filipe Medeiros <hello@filipesm.eu>

studio/package.json

@@ -17,20 +17,21 @@
   "dependencies": {
     "@portabletext/toolkit": "^2.0.1",
     "@sanity/icons": "^2.2.2",
-    "@sanity/vision": "^3.0.0",
+    "@sanity/vision": "^3.8.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
-    "sanity": "^3.0.0",
-    "styled-components": "^5.2.0"
+    "sanity": "3.8.3",
+    "sanity-plugin-media": "^2.0.5",
+    "styled-components": "^5.3.9"
   },
   "devDependencies": {
     "@sanity/eslint-config-studio": "^2.0.1",
-    "@types/react": "^18.0.25",
+    "@types/react": "^18.0.34",
     "@types/styled-components": "^5.1.26",
-    "eslint": "^8.6.0",
+    "eslint": "^8.38.0",
     "prettier": "^2.8.7",
-    "typescript": "^4.0.0"
+    "typescript": "^4.9.5"
   },
   "prettier": {
     "semi": false,

studio/sanity.config.ts

@@ -1,5 +1,6 @@
 import {defineConfig} from 'sanity'
 import {deskTool} from 'sanity/desk'
+import {media} from 'sanity-plugin-media'
 import {visionTool} from '@sanity/vision'
 import {schemaTypes} from './schemas'
 import {blogPostPublishAction} from './documentActions/blogPostPublishAction'
@@ -11,7 +12,7 @@ export default defineConfig({
   projectId: 'tzamgyrm',
   dataset: 'production',
 
-  plugins: [deskTool(), visionTool()],
+  plugins: [deskTool(), visionTool(), media()],
 
   schema: {
     types: schemaTypes,

studio/schemas/blogPost.ts

@@ -34,6 +34,9 @@ const blogPost = defineType({
       description:
         'This image will be used as the header image in the article page, on the article list/blog page and also eventually on social previews and other websites.',
       validation: (r) => r.required(),
+      options: {
+        hotspot: true,
+      },
     },
     {
       name: 'content',
@@ -50,14 +53,8 @@ const blogPost = defineType({
             {
               title: 'Caption',
               name: 'caption',
-              type: 'text',
-            },
-            {
-              name: 'undecorated',
-              type: 'boolean',
-              title: 'Undecorated',
-              validation: (r) => r.required(),
-              initialValue: false,
+              type: 'array',
+              of: [{type: 'block'}],
             },
           ],
         },