IO-306 Further development of dashboard.

client/src/components/dashboard-components/refresh-required.component.jsx

@@ -0,0 +1,25 @@
+import { Card, Typography } from "antd";
+import { SyncOutlined } from "@ant-design/icons";
+
+import React from "react";
+import { useTranslation } from "react-i18next";
+export default function DashboardRefreshRequired(props) {
+  const { t } = useTranslation();
+
+  return (
+    <Card {...props}>
+      <div
+        style={{
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center",
+        }}
+      >
+        <SyncOutlined />
+        <Typography.Title level={4}>
+          {t("dashboard.errors.refreshrequired")}
+        </Typography.Title>
+      </div>
+    </Card>
+  );
+}