Not working right - too tired right now

client/components/panels/header.jsx

@@ -1,6 +1,8 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { Link } from 'react-router-dom';
 
+import { getToken, getRefreshToken, clearToken } from '../../utilities/token-client';
+
 const Visitor = () => {
 	return (
 		<div>
@@ -22,19 +24,41 @@ const Member = () => {
 };
 
 const logout = async () => {
-	//TODO: update API
-	await fetch('/api/accounts/logout', { method: 'POST' })
-		.catch(e => console.error(e))
-	;
+	console.log('loging out')
+	const token = getToken();
+
+	//send to the auth server
+	const result = await fetch(`${process.env.AUTH_URI}/logout`, {
+		method: 'DELETE',
+		headers: {
+			'Content-Type': 'application/json',
+			'Access-Control-Allow-Origin': '*',
+			'Authorization': `Bearer ${token}`
+		},
+		body: JSON.stringify({
+			token: getRefreshToken()
+		})
+	});
+
+	if (result.ok) {
+		await clearToken();
+	} else {
+		console.error(await result.text());
+	}
 };
 
 const Header = () => {
-	let Options = Visitor;
+	const [tok, setTok] = useState(null);
+
+	getToken()
+		.then(token => setTok(token))
+		.catch(e => console.error(e))
+	;
 
 	return (
 		<header>
 			<h1><Link to='/'>MERN Template</Link></h1>
-			<Options />
+			{ tok ? <Member /> : <Visitor /> }
 		</header>
 	);
 };