@@ -3,7 +3,7 @@ import { NodeData, Resource } from "./types";
33import { X , Lock , CheckCircle } from "lucide-react" ;
44import { Video } from "./Video" ;
55import StarCircle from "./icons/StarCircle" ;
6- import { getTranslations } from "./translations " ;
6+ import { useViewerStore } from "./viewerStore " ;
77import { marked } from "marked" ;
88import { useMemo } from "react" ;
99import DOMPurify from "dompurify" ;
@@ -15,7 +15,6 @@ interface DrawerProps {
1515 node : Node < NodeData > ;
1616 nodes : Node < NodeData > [ ] ;
1717 onNodeClick : ( _ : any , node : Node < NodeData > , focus : boolean ) => void ;
18- language ?: string ;
1918}
2019
2120function getUnlockConditions ( node : Node < NodeData > , nodes : Node < NodeData > [ ] ) : Node < NodeData > [ ] {
@@ -74,8 +73,9 @@ function getCompletionOptional(node: Node<NodeData>, nodes: Node<NodeData>[]): N
7473 return unmetOptional ;
7574}
7675
77- export function Drawer ( { open, onClose, onUpdate, node, nodes, onNodeClick, language = "en" } : DrawerProps ) {
78- const t = getTranslations ( language ) ;
76+ export function Drawer ( { open, onClose, onUpdate, node, nodes, onNodeClick } : DrawerProps ) {
77+ const getTranslationsFromStore = useViewerStore ( state => state . getTranslations ) ;
78+ const t = getTranslationsFromStore ( ) ;
7979
8080 // Parse markdown description and sanitize HTML
8181 const descriptionHtml = useMemo ( ( ) => {
0 commit comments