show load error in data grid

2026-04-19 23:35:59 +00:00 · 2020-05-01 20:20:55 +02:00
parent d1766bf999
commit 1709d4f032
3 changed files with 61 additions and 14 deletions
--- a/packages/web/src/widgets/ErrorInfo.js
+++ b/packages/web/src/widgets/ErrorInfo.js
@@ -0,0 +1,26 @@
+import React from 'react';
+
+import styled from 'styled-components';
+
+const Container = styled.div`
+  display: flex;
+  align-items: center;
+  margin-right: 10px;
+`;
+
+const Icon = styled.div`
+  font-size: 20pt;
+  margin: 10px;
+  color: red;
+`;
+
+export default function ErrorInfo({ message }) {
+  return (
+    <Container>
+      <Icon>
+        <i className="fas fa-times-circle" />
+      </Icon>
+      {message}
+    </Container>
+  );
+}