Handle url encoded props in SidebarPopup title

seasketch · Jan 4, 2024 · d9146ce · d9146ce
1 parent d460d39
commit d9146ce
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/client/src/dataLayers/SidebarPopup.tsx b/packages/client/src/dataLayers/SidebarPopup.tsx
@@ -13,7 +13,7 @@ export default function SidebarPopup(props: { content?: string, title?: string;
         className="sidebar-popup z-20 absolute top-0 left-0 w-full h-full overflow-hidden pointer-events-none">
         <div className="w-72 sm:w-96 bg-white text-sm h-full  pointer-events-auto shadow-xl flex flex-col right-0 absolute">
           <div className="flex items-center p-4 py-2 bg-gray-100 border-b">
-            <h3 className="flex-1 truncate text-lg font-light">{props.title}</h3>
+            <h3 className="flex-1 truncate text-lg font-light" dangerouslySetInnerHTML={{ __html: props.title || "" }}></h3>
             <button onClick={props.onClose} className="flex-none bg-gray-400 hover:bg-gray-500   rounded-full p-1 cursor-pointer focus:ring-blue-300"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" className="w-5 h-5 text-white"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M6 18L18 6M6 6l12 12"></path></svg></button>
           </div>