Add Connecting component

victronenergy · Feb 14, 2023 · 1e4b509 · 1e4b509
1 parent 9b01cf4
commit 1e4b509
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/legacy/src/app/Marine2/components/ui/Connecting/Connecting.tsx b/legacy/src/app/Marine2/components/ui/Connecting/Connecting.tsx
@@ -0,0 +1,20 @@
+import React from "react"
+import { translate } from "react-i18nify"
+import Spinner from "../Spinner"
+
+const Connecting = () => {
+  return (
+    <div className="w-full h-full flex flex-col items-center justify-center bg-victron-darkGray border-4 border-victron-blue rounded-md">
+      <div className="flex flex-col text-center">
+        <div className="pl-4">
+          <Spinner />
+        </div>
+        <div className="relative mt-28">
+          <div className="text-2xl text-victron-blue">{translate("header.connecting")}...</div>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default Connecting
diff --git a/legacy/src/app/Marine2/components/ui/Connecting/index.ts b/legacy/src/app/Marine2/components/ui/Connecting/index.ts
@@ -0,0 +1,2 @@
+export { default } from "./Connecting"
+export * from "./Connecting"
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		export { default } from "./Connecting"
		export * from "./Connecting"