From 176733d76229cb892f04dc1052a93a8313676483 Mon Sep 17 00:00:00 2001
From: Oliver Walters <oliver.henry.walters@gmail.com>
Date: Mon, 18 May 2026 14:07:58 +0000
Subject: [PATCH] Add basic tab group for switching notes

---
 .../src/components/editors/NotesEditor.tsx    | 22 +++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/components/editors/NotesEditor.tsx b/src/frontend/src/components/editors/NotesEditor.tsx
index 826b62a16d..9658120819 100644
--- a/src/frontend/src/components/editors/NotesEditor.tsx
+++ b/src/frontend/src/components/editors/NotesEditor.tsx
@@ -17,7 +17,7 @@ import '@blocknote/core/fonts/inter.css';
 import { BlockNoteView } from '@blocknote/mantine';
 import '@blocknote/mantine/style.css';
 import { useCreateBlockNote } from '@blocknote/react';
-import { Paper } from '@mantine/core';
+import { Box, Flex, Paper, Tabs } from '@mantine/core';
 import { useUserState } from '../../states/UserState';
 
 export default function NotesEditor({
@@ -41,9 +41,23 @@ export default function NotesEditor({
   const editor = useCreateBlockNote();
 
   return (
-    <Paper p='md' shadow='sm' withBorder>
-      <BlockNoteView editor={editor} editable={canEdit} />
-    </Paper>
+    <Flex align='left'>
+      <Box style={{ flex: 1 }}>
+        <Paper p='md' shadow='sm' withBorder>
+          <BlockNoteView
+            editor={editor}
+            editable={canEdit}
+            style={{ minHeight: '400px' }}
+          />
+        </Paper>
+      </Box>
+      <Tabs orientation='vertical' placement='right'>
+        <Tabs.List>
+          <Tabs.Tab value='manufacturing'>Manufacturing</Tabs.Tab>
+          <Tabs.Tab value='washing'>Washing</Tabs.Tab>
+        </Tabs.List>
+      </Tabs>
+    </Flex>
   );
 }