maintenance

src/components/indicator-component/indicators/style.ts

@@ -0,0 +1,43 @@
+/**
+ * Copyright 2024 Phenix Real Time Solutions, Inc. Confidential and Proprietary. All Rights Reserved.
+ */
+import * as styled from 'styled-components';
+
+import {LoadingWheel as Loader} from 'components';
+
+export const Indicator = styled.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  ${Loader} {
+    flex: 0;
+    margin: 0;
+
+    & span {
+      margin: 0;
+    }
+  }
+`;
+
+export const IndicatorOutline = styled.default.div`
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+`;
+
+export const OfflineSymbol = styled.default(IndicatorOutline)`
+  border: 3px solid #707070;
+  background-color: transparent;
+`;
+
+export const SingleStreamSymbol = styled.default(IndicatorOutline)`
+  background-color: #08BD0B;
+`;
+
+export const MultipleStreamSymbol = styled.default(SingleStreamSymbol)`
+  width: 1rem;
+  height: 1rem;
+  margin-left: -2px;
+  box-shadow: 9px 0 0 0 #08BD0B;
+`;