@@ -29,7 +34,7 @@ const Mailbox = () => {
>
)}
-
+
)
}
diff --git a/src/frontend/src/pages/mailbox/[mailboxId]/thread/[threadId].tsx b/src/frontend/src/pages/mailbox/[mailboxId]/thread/[threadId].tsx
index 6bbf084c..6be9db77 100644
--- a/src/frontend/src/pages/mailbox/[mailboxId]/thread/[threadId].tsx
+++ b/src/frontend/src/pages/mailbox/[mailboxId]/thread/[threadId].tsx
@@ -1,19 +1,24 @@
import { MainLayout } from "@/features/layouts/components/main";
import { ThreadPanel } from "@/features/layouts/components/thread-panel";
import { ThreadView } from "@/features/layouts/components/thread-view";
-import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels";
+import { Panel, Group, Separator, useDefaultLayout } from "react-resizable-panels";
const Mailbox = () => {
+ const { defaultLayout, onLayoutChange } = useDefaultLayout({
+ groupId: "threads",
+ storage: localStorage,
+ });
+
return (
-
-
+
+
-
-
+
+
-
+
)
}
diff --git a/src/frontend/src/pages/mailbox/_index.scss b/src/frontend/src/pages/mailbox/_index.scss
index c2b11d40..aa746261 100644
--- a/src/frontend/src/pages/mailbox/_index.scss
+++ b/src/frontend/src/pages/mailbox/_index.scss
@@ -3,8 +3,3 @@
flex-direction: row;
height: 100%;
}
-
-.thread-list-panel {
- flex: 1;
- min-width: min(280px, 100vw);
-}
diff --git a/src/frontend/tsconfig.json b/src/frontend/tsconfig.json
index f7974a24..c8b9de5c 100644
--- a/src/frontend/tsconfig.json
+++ b/src/frontend/tsconfig.json
@@ -6,7 +6,9 @@
"dom.iterable",
"esnext"
],
- "types": ["vitest/globals"],
+ "types": [
+ "vitest/globals"
+ ],
"allowJs": true,
"skipLibCheck": true,
"strict": true,
@@ -16,7 +18,7 @@
"moduleResolution": "bundler",
"resolveJsonModule": true,
"isolatedModules": true,
- "jsx": "preserve",
+ "jsx": "react-jsx",
"incremental": true,
"paths": {
"@/*": [