WoL Update

src/pages/settings/Settings.tsx

@@ -7,6 +7,7 @@ import {
 	FiEdit,
 	FiGlobe,
 	FiMail,
+	FiMonitor,
 	FiSearch,
 	FiUser,
 } from 'react-icons/fi';
@@ -19,6 +20,7 @@ import Messages from './components/Messages';
 import Personalization from './components/Personalization';
 import SearchProviders from './components/SearchProviders';
 import Themes from './components/Themes';
+import WolClients from './components/WolClients';
 
 export function Settings() {
 	const { isMobile } = useCommonHooks();
@@ -60,6 +62,9 @@ export function Settings() {
 					<Tabs.Tab value='providers'>
 						{isMobile ? <FiSearch /> : 'Search Providers'}
 					</Tabs.Tab>
+					<Tabs.Tab value='wolClients'>
+						{isMobile ? <FiMonitor /> : 'WoL Clients'}
+					</Tabs.Tab>
 				</Tabs.List>
 				<Tabs.Panel value='personalization'>
 					<Personalization />
@@ -82,6 +87,9 @@ export function Settings() {
 				<Tabs.Panel value='providers'>
 					<SearchProviders />
 				</Tabs.Panel>
+				<Tabs.Panel value='wolClients'>
+					<WolClients />
+				</Tabs.Panel>
 			</Tabs>
 		</Stack>
 	);