import { Show } from 'solid-js'
import { Link, useNavigate } from '@solidjs/router';
import { useUserInfo } from './user_info';
export function ChangeSession() {
const userInfo = useUserInfo();
const navigate = useNavigate();
function doLogout() {
fetch("/api/v1/user/logout")
.then(res => {
if (res.status == 200) {
navigate("/login");
userInfo?.[1]?.clearUser();
}
});
}
return (
<>
<Show when={!userInfo?.[0]?.()?.userId}>
<option value="/signup">Signup</option>
</Show>
<Show
when={userInfo?.[0]?.()?.userId}
fallback={<option value="/login">Login</option>}
>
<option
value="#"
onClick={(e) => {
e.stopPropagation();
e.preventDefault();
doLogout();
}}
>
Logout
</option>
</Show>
</>
);
}