project restructuring and initial refactoring

renderer/components/no-items/index.ts

@@ -0,0 +1 @@
+export * from "./no-items"

renderer/components/no-items/no-items.scss

@@ -0,0 +1,4 @@
+.NoItems {
+  height: 100%;
+  text-align: center;
+}

renderer/components/no-items/no-items.tsx

@@ -0,0 +1,21 @@
+import "./no-items.scss"
+
+import React from "react";
+import { Trans } from "@lingui/macro";
+import { cssNames, IClassName } from "../../utils";
+
+interface Props {
+  className?: IClassName;
+  children?: React.ReactNode;
+}
+
+export function NoItems(props: Props) {
+  const { className, children } = props;
+  return (
+    <div className={cssNames("NoItems flex box grow", className)}>
+      <div className="box center">
+        {children || <Trans>Item list is empty</Trans>}
+      </div>
+    </div>
+  )
+}