Move code around

mjarkk · Jul 13, 2024 · de417fb · de417fb
1 parent d69267e
commit de417fb
Show file tree

Hide file tree

Showing 11 changed files with 255 additions and 238 deletions.
diff --git a/dist/assets/Code-BJuOi-kt.js → dist/assets/Code-CZHaR6el.js b/dist/assets/Code-BJuOi-kt.js → dist/assets/Code-CZHaR6el.js
diff --git a/dist/assets/Email-C5yyAIr0.js → dist/assets/Show-NxcG13TB.js b/dist/assets/Email-C5yyAIr0.js → dist/assets/Show-NxcG13TB.js
diff --git a/dist/assets/index-DfaSzkZ3.js b/dist/assets/index-DfaSzkZ3.js
diff --git a/dist/assets/index-YpumvgGr.js b/dist/assets/index-YpumvgGr.js
diff --git a/dist/index.html b/dist/index.html
@@ -14,7 +14,7 @@
 				color: white;
 			}
 		</style>
-		<script type="module" crossorigin src="/assets/index-DfaSzkZ3.js"></script>
+		<script type="module" crossorigin src="/assets/index-YpumvgGr.js"></script>
 		<link rel="stylesheet" crossorigin href="/assets/index-BfofDsXp.css">
 	</head>
 	<body>

diff --git a/src/components/App.tsx b/src/components/App.tsx
@@ -9,13 +9,13 @@ import {
 	onMount,
 } from "solid-js"
 import type { EmailBase } from "../email"
-import { EmailsList, EmailsListProps } from "./EmailRow"
+import { Overview, OverviewProps } from "./overview/Overview"
 import type { Accessor, Setter } from "solid-js"
 import { EmailEventsWebsocket } from "../services/websocket"
 import { fetch } from "../services/fetch"
 
-const Email = lazy(() =>
-	import("./show/Email").then((m) => ({ default: m.Email })),
+const Show = lazy(() =>
+	import("./show/Show").then((m) => ({ default: m.Show })),
 )
 
 interface SelectedEmailActions {
@@ -125,7 +125,7 @@ export function App() {
 				<div h-full w-full overflow-hidden>
 					<Switch
 						fallback={
-							<EmailsList
+							<Overview
 								emails={() => emails() ?? []}
 								loading={() => !emails()}
 							/>
@@ -134,7 +134,7 @@ export function App() {
 						<Match
 							when={emails() !== undefined && selectedEmail() !== undefined}
 						>
-							<LayoutWithEmail
+							<LeftOverviewRightEmail
 								emails={emails}
 								selectedEmail={() => selectedEmail()!}
 							/>
@@ -146,11 +146,11 @@ export function App() {
 	)
 }
 
-interface LayoutWithEmailProps extends EmailsListProps {
+interface LeftOverviewRightEmailProps extends OverviewProps {
 	selectedEmail: Accessor<EmailBase>
 }
 
-function LayoutWithEmail({ emails }: LayoutWithEmailProps) {
+function LeftOverviewRightEmail({ emails }: LeftOverviewRightEmailProps) {
 	return (
 		<div flex items-stretch>
 			<div
@@ -163,10 +163,10 @@ function LayoutWithEmail({ emails }: LayoutWithEmailProps) {
 				border-r-solid
 				border-zinc-700
 			>
-				<EmailsList emails={emails} />
+				<Overview emails={emails} />
 			</div>
 			<div h-screen overflow-y-auto self-stretch flex-1>
-				<Email />
+				<Show />
 			</div>
 		</div>
 	)

diff --git a/src/components/EmailRow.tsx b/src/components/EmailRow.tsx