dashboards squad mob! 🔱

2022-11-29 13:51:21 +01:00
parent e7119cd082
commit b23ed5b1f2
1 changed files with 13 additions and 5 deletions
@@ -30,11 +30,19 @@ export const LoadingBar: React.FC<LoadingBarProps> = ({
  barColor = 'blue',
 }) => {
  const theme = useTheme2();
-  const styles = useStyles2(getStyles);
-
-  return <div style={{ width, height }}></div>;
+  const loadingStyles = getLoadingStyes(theme, width, height)
+  return <div class={loadingStyles.loading}></div>;
 };

-const getStyles = (theme: GrafanaTheme2) => {
-  return {};
+const getLoadingStyes = (theme: GrafanaTheme2, width, height) => {
+  return {
+      loading: css ({
+        width: "80px",
+        height: "10px",
+        backgroundColor: "blue";
+        position: "absolute";
+        animation: animate 1s infinite linear;
+        willChange: transform;:w
+        })
+    };
 };