fixed friend filter hjs issues

sleeptil3 · Sep 26, 2021 · 1a12d30 · 1a12d30
1 parent 9f05a12
commit 1a12d30
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/Pages/User/LockrRoom/View.js b/src/Pages/User/LockrRoom/View.js
@@ -1,9 +1,10 @@
-import { useContext, useState, useEffect } from 'react'
+import { useContext, useState, useEffect, useLayoutEffect } from 'react'
 import { useHistory } from 'react-router-dom'
 import Snippet from '../../../Components/Snippet'
 import { getFriendSnippets } from '../../../API/apiData'
 import { UserContext } from '../User'
 import { DataContext } from '../../../App'
+import hljs from 'highlight.js';
 
 export default function View({ friendFilter, setFriendFilter }) {
 	const { userData, friendsList } = useContext(UserContext)
@@ -37,6 +38,10 @@ export default function View({ friendFilter, setFriendFilter }) {
 		setFriendFilter('')
 	}, [ setFriendFilter, history ])
 
+	useLayoutEffect(() => {
+		hljs.highlightAll()
+	}, [ friendSnippetData, friendFilter, search ])
+
 	return (
 		<div className="mt-4 sm:mt-0 sm:ml-2">
 			{ userData.friends.length ? <><h1 className="ml-6 sm:ml-0 text-lg sm:text-2xl font-bold">{ friendFilter ? `${ userData.friends.find(friend => friend._id === friendFilter).firstName } 's Shared Snippets` : "All Shared Snippets" }</h1>