Ryan Steed
86e9b93c37
- Add /api/version endpoint to ProxyManager that returns build date, commit hash, and version - Implement SetVersion method to configure version info in ProxyManager - Add version info fetching to APIProvider and display in ConnectionStatus component - Include version info in UI context and update dependencies - Add tests for version endpoint functionality
27 lines
896 B
TypeScript
27 lines
896 B
TypeScript
import { useAPI } from "../contexts/APIProvider";
|
|
import { useMemo } from "react";
|
|
|
|
const ConnectionStatusIcon = () => {
|
|
const { connectionStatus, versionInfo } = useAPI();
|
|
|
|
const eventStatusColor = useMemo(() => {
|
|
switch (connectionStatus) {
|
|
case "connected":
|
|
return "bg-emerald-500";
|
|
case "connecting":
|
|
return "bg-amber-500";
|
|
case "disconnected":
|
|
default:
|
|
return "bg-red-500";
|
|
}
|
|
}, [connectionStatus]);
|
|
|
|
return (
|
|
<div className="flex items-center" title={`Event Stream: ${connectionStatus ?? 'unknown'}\nAPI Version: ${versionInfo?.version ?? 'unknown'}\nCommit Hash: ${versionInfo?.commit?.substring(0,7) ?? 'unknown'}\nBuild Date: ${versionInfo?.build_date ?? 'unknown'}`}>
|
|
<span className={`inline-block w-3 h-3 rounded-full ${eventStatusColor} mr-2`}></span>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ConnectionStatusIcon;
|