chore(visualizer): added empty table message

Author: BOCOVO

packages/json-table-schema-visualizer/src/components/DiagramViewer/DiagramViewer.tsx

@@ -4,6 +4,8 @@ import {
   type JSONTableTable,
 } from "shared/types/tableSchema";
 
+import EmptyTableMessage from "../Messages/EmptyTableMessage";
+
 import Tables from "./Tables";
 import RelationsConnections from "./Connections";
 import DiagramWrapper from "./DiagramWrapper";
@@ -17,6 +19,10 @@ interface DiagramViewerProps {
   enums: JSONTableEnum[];
 }
 const DiagramViewer = ({ refs, tables, enums }: DiagramViewerProps) => {
+  if (tables.length === 0) {
+    return <EmptyTableMessage />;
+  }
+
   return (
     <TablesPositionsProvider tables={tables}>
       <MainProviders tables={tables} enums={enums}>

packages/json-table-schema-visualizer/src/components/Messages/EmptyTableMessage.stories.tsx

@@ -0,0 +1,16 @@
+import { type StoryObj, type Meta } from "@storybook/react";
+
+import EmptyTableMessage from "./EmptyTableMessage";
+
+const meta = {
+  title: "components/Messages/EmptyTableMessage",
+  component: EmptyTableMessage,
+} satisfies Meta<typeof EmptyTableMessage>;
+
+export default meta;
+
+type Story = StoryObj<typeof EmptyTableMessage>;
+
+export const EmptyTableMessageStory: Story = {
+  render: () => <EmptyTableMessage />,
+};

packages/json-table-schema-visualizer/src/components/Messages/EmptyTableMessage.tsx

@@ -0,0 +1,11 @@
+import MessageWrapper from "./MessageWrapper";
+
+const EmptyTableMessage = () => {
+  return (
+    <MessageWrapper>
+      <p className="text-center">No table found</p>
+    </MessageWrapper>
+  );
+};
+
+export default EmptyTableMessage;