Fix bug with changing mods that share a key. Added tab title

src/pages/Home/Home.tsx

@@ -7,13 +7,15 @@ const CSS = {
 	card: 'w-full bg-gray-800 border border-gray-800 shadow-lg rounded-2xl p-4 mb-2',
 }
 
+
 const Home = () => {
 	const store = useWatchersEyeStore()
 	const selected = useWatchersEyeStore(state => state.auraSettings.filter(x => x.enabled))
 	const numSelected = selected.length
 	const tradeLink = useWatchersEyeStore(selTradeLink)
 	const [loadedURL, setLoadedURL] = useState(false)
 	const urlChangeRef = useRef<NodeJS.Timeout>()
+	const titleRef = useRef(document.title)
 
 	useEffect(() => {
 		if (!loadedURL) {
@@ -48,6 +50,16 @@ const Home = () => {
 		}, 300)
 	}, [loadedURL, tradeLink, numSelected])
 
+	const auraNames = selected.map(x => x.aura.name).join('+')
+	useEffect(() => {
+		if (selected.length === 0) {
+			document.title = titleRef.current
+			return
+		}
+
+		document.title = auraNames + ' ' + titleRef.current
+	}, [auraNames])
+
 	useEffect(() => {
 		function onChange () {
 			const params = new URL(document.location.toString()).searchParams
@@ -73,7 +85,6 @@ const Home = () => {
 				})
 			})
 
-			console.log('settingsPut', settingsPut)
 			store.setAuraSettings(settingsPut)
 			setLoadedURL(true)
 		}

src/store/useWatchersEyeStore.ts

@@ -58,6 +58,9 @@ const useWatchersEyeStore = create<WatchersEyeSearchStore>()(
 			setModEnabled: (ak: AuraKey, mk: string, enable: boolean) => {
 				set({
 					auraSettings: get().auraSettings.map((as) => {
+						if (ak !== as.key) {
+							return as
+						}
 						as.mods = as.mods.map((m) => {
 							if (m.mod.key === mk) {
 								return {