fix(dashboard): dynamic mode label for local/remote detection (#3801)

This commit is contained in:
vianhanif
2026-09-05 21:18:48 +07:00
committed by decolua
parent 1a3d446831
commit 28cfd9facf

View File

@@ -81,6 +81,12 @@ export default function ProfilePage() {
const [proxyLoading, setProxyLoading] = useState(false);
const [proxyTestLoading, setProxyTestLoading] = useState(false);
const [isRemoteHost, setIsRemoteHost] = useState(false);
useEffect(() => {
if (typeof window !== "undefined")
setIsRemoteHost(!["localhost", "127.0.0.1", "::1"].includes(window.location.hostname));
}, []);
useEffect(() => {
fetch("/api/settings")
.then((res) => res.json())
@@ -1639,7 +1645,7 @@ export default function ProfilePage() {
{/* App Info */}
<div className="text-center text-xs sm:text-sm text-text-muted py-4">
<p>{APP_CONFIG.name} v{APP_CONFIG.version}</p>
<p className="mt-1">Local Mode - All data stored on your machine</p>
<p className="mt-1">{isRemoteHost ? "Remote Mode" : "Local Mode - All data stored on your machine"}</p>
</div>
</div>