aboutsummaryrefslogtreecommitdiff
path: root/FrontEnd/src/views/timeline/ConnectionStatusBadge.tsx
diff options
context:
space:
mode:
authorcrupest <crupest@outlook.com>2023-07-31 00:08:48 +0800
committercrupest <crupest@outlook.com>2023-07-31 00:09:12 +0800
commitd9c1d512fa64ef4f8c08ca34f7a5842642879bcc (patch)
treee71cd57b30ed67462ecaf010812b6d902c7fa675 /FrontEnd/src/views/timeline/ConnectionStatusBadge.tsx
parent538d6830a0022b49b99695095d85e567b0c86e71 (diff)
downloadtimeline-d9c1d512fa64ef4f8c08ca34f7a5842642879bcc.tar.gz
timeline-d9c1d512fa64ef4f8c08ca34f7a5842642879bcc.tar.bz2
timeline-d9c1d512fa64ef4f8c08ca34f7a5842642879bcc.zip
...
Diffstat (limited to 'FrontEnd/src/views/timeline/ConnectionStatusBadge.tsx')
-rw-r--r--FrontEnd/src/views/timeline/ConnectionStatusBadge.tsx41
1 files changed, 0 insertions, 41 deletions
diff --git a/FrontEnd/src/views/timeline/ConnectionStatusBadge.tsx b/FrontEnd/src/views/timeline/ConnectionStatusBadge.tsx
deleted file mode 100644
index 2b820454..00000000
--- a/FrontEnd/src/views/timeline/ConnectionStatusBadge.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import * as React from "react";
-import classnames from "classnames";
-import { HubConnectionState } from "@microsoft/signalr";
-import { useTranslation } from "react-i18next";
-
-import "./ConnectionStatusBadge.css";
-
-export interface ConnectionStatusBadgeProps {
- status: HubConnectionState;
- className?: string;
- style?: React.CSSProperties;
-}
-
-const classNameMap: Record<HubConnectionState, string> = {
- Connected: "success",
- Connecting: "warning",
- Disconnected: "danger",
- Disconnecting: "warning",
- Reconnecting: "warning",
-};
-
-const ConnectionStatusBadge: React.FC<ConnectionStatusBadgeProps> = (props) => {
- const { status, className, style } = props;
-
- const { t } = useTranslation();
-
- return (
- <div
- className={classnames(
- "connection-status-badge",
- classNameMap[status],
- className
- )}
- style={style}
- >
- {t(`connectionState.${status}`)}
- </div>
- );
-};
-
-export default ConnectionStatusBadge;