From cea77fbbb043e8fa7df2ec1c1937a4f0e0f53845 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Roche?= <rchclement@gmail.com>
Date: Tue, 19 Mar 2024 22:57:36 +0100
Subject: [PATCH] storyblokEditable

---
 .../storyblok/(component)/tutorial/index.js   |  3 ++-
 package.json                                  |  1 +
 pnpm-lock.yaml                                | 19 +++++++++++++++++++
 3 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/app/(pages)/storyblok/(component)/tutorial/index.js b/app/(pages)/storyblok/(component)/tutorial/index.js
index d5c69c3..be30d54 100644
--- a/app/(pages)/storyblok/(component)/tutorial/index.js
+++ b/app/(pages)/storyblok/(component)/tutorial/index.js
@@ -1,5 +1,6 @@
 'use client'
 
+import { storyblokEditable } from '@storyblok/react'
 import { useStoryblokContext } from 'libs/storyblok/context'
 import s from './tutorial.module.scss'
 
@@ -7,7 +8,7 @@ export function Tutorial() {
   const { story } = useStoryblokContext()
 
   return (
-    <div className={s.tutorial}>
+    <div className={s.tutorial} {...storyblokEditable(story.content)}>
       <h2 className={s.title}>{story.content?.title}</h2>
 
       <div className={s.codes}>
diff --git a/package.json b/package.json
index 2b3c5e3..87f3e98 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "@radix-ui/react-select": "^2.0.0",
     "@react-three/drei": "^9.97.6",
     "@react-three/fiber": "^8.15.19",
+    "@storyblok/react": "^3.0.9",
     "@studio-freight/hamo": "0.6.28",
     "@studio-freight/react-lenis": "0.0.45",
     "@studio-freight/tempus": "^0.0.44",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7de4d73..193389b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -15,6 +15,7 @@ specifiers:
   '@radix-ui/react-select': ^2.0.0
   '@react-three/drei': ^9.97.6
   '@react-three/fiber': ^8.15.19
+  '@storyblok/react': ^3.0.9
   '@studio-freight/hamo': 0.6.28
   '@studio-freight/react-lenis': 0.0.46
   '@studio-freight/tempus': 0.0.44
@@ -53,6 +54,7 @@ dependencies:
   '@radix-ui/react-select': 2.0.0_biqbaboplfbrettd7655fr4n2y
   '@react-three/drei': 9.102.6_wchqdtozklxlsy227nuuvqaiyq
   '@react-three/fiber': 8.15.19_bdqwexnqc4b34ge3xqqvazaqhu
+  '@storyblok/react': 3.0.9_biqbaboplfbrettd7655fr4n2y
   '@studio-freight/hamo': 0.6.28_biqbaboplfbrettd7655fr4n2y
   '@studio-freight/react-lenis': 0.0.46_biqbaboplfbrettd7655fr4n2y
   '@studio-freight/tempus': 0.0.44
@@ -3493,6 +3495,23 @@ packages:
     resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
     dev: true
 
+  /@storyblok/js/3.0.7:
+    resolution: {integrity: sha512-m6MpUhjEpDWMKftyjJhTkthd/I6LZ9xhuT/Wxa1e99Cf4niVC5jgMVPQ5tOsUgn3D8BKNL+6PI3hEj5dGKB9xw==}
+    dependencies:
+      storyblok-js-client: 6.7.1
+    dev: false
+
+  /@storyblok/react/3.0.9_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-N362hE+sBH3QebCrJtqgzGI2l+Dre8hfNJmAJvEtx1bEtfvu6hcA5ch5eQjjILxgDMwtseA0BnCXP7zoqJ2KCg==}
+    peerDependencies:
+      react: ^17.0.0 || ^18.0.0
+      react-dom: ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storyblok/js': 3.0.7
+      react: 18.2.0
+      react-dom: 18.2.0_react@18.2.0
+    dev: false
+
   /@studio-freight/hamo/0.6.28_biqbaboplfbrettd7655fr4n2y:
     resolution: {integrity: sha512-LVXYJwPToVa4ZVIbFnicg8bmZF8xWebbdtx10/1HAQAjN8xGsTWAdc3BmUUOHtLWFvNJNLSuwdX24njrp7LF7g==}
     peerDependencies: