From 64310b1b78f38cd843c9d8639079c8eeb11935e5 Mon Sep 17 00:00:00 2001
From: marlon-erler <viridian035@gmail.com>
Date: Sun, 7 Jul 2024 19:22:25 +0200
Subject: [PATCH] add tabs

---
 src/index.tsx       | 4 +++-
 src/messageTab.tsx  | 7 +++++++
 src/settingsTab.tsx | 7 +++++++
 3 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 src/messageTab.tsx
 create mode 100644 src/settingsTab.tsx

diff --git a/src/index.tsx b/src/index.tsx
index 5c6dcf83..bf71573f 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,5 +1,7 @@
 import * as React from "bloatless-react";
 
+import { MessageTab } from "./messageTab";
+import { SettingsTab } from "./settingsTab";
 import { getText } from "./translations";
 
 document.body.prepend(
@@ -14,4 +16,4 @@ document.body.prepend(
     </a>
   </menu>
 );
-document.querySelector("main")!.append();
+document.querySelector("main")!.append(SettingsTab(), MessageTab());
diff --git a/src/messageTab.tsx b/src/messageTab.tsx
new file mode 100644
index 00000000..57578d0b
--- /dev/null
+++ b/src/messageTab.tsx
@@ -0,0 +1,7 @@
+import * as React from "bloatless-react";
+
+import { getText } from "./translations";
+
+export function MessageTab() {
+  return <article></article>;
+}
diff --git a/src/settingsTab.tsx b/src/settingsTab.tsx
new file mode 100644
index 00000000..ad511132
--- /dev/null
+++ b/src/settingsTab.tsx
@@ -0,0 +1,7 @@
+import * as React from "bloatless-react";
+
+import { getText } from "./translations";
+
+export function SettingsTab() {
+  return <article></article>;
+}