diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 419445b7..fe6dcbb4 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -17,14 +17,19 @@ import { For, ParentComponent, Show, + createEffect, createMemo, createSignal, - onMount, } from 'solid-js' import { twMerge } from 'tailwind-merge' import { LANG, ROUTE } from '~/config/enum' import { themes } from '~/constants' -import { setCurTheme, setSelectedEndpoint } from '~/signals' +import { + endpoint, + selectedEndpoint, + setCurTheme, + setSelectedEndpoint, +} from '~/signals' import { useProxies } from '~/signals/proxies' const Nav: ParentComponent<{ href: string; tooltip: string }> = ({ @@ -74,10 +79,13 @@ const ThemeSwitcher = () => ( export const Header = () => { const [t, { locale }] = useI18n() - const { updateProxy, proxyProviders } = useProxies() + const { proxyProviders } = useProxies() - onMount(() => { - updateProxy() + createEffect(() => { + // Need fix: useRequest is not reactive so we need to useProxies again or request wont have endpoint + if (selectedEndpoint() && endpoint()) { + useProxies().updateProxy() + } }) const navs = createMemo(() => {