dostulata/initiative
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Replace panel mode booleans with discriminated union

Browse Source 
Three mutually exclusive state variables (selectedCreatureId,
bulkImportMode, sourceManagerMode) replaced with a single PanelView
union type, eliminating impossible states and boolean-clearing
boilerplate in handlers.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Lukas
2026-03-14 11:13:23 +01:00
parent c75d148d1e
commit 3ef2370a34
1 changed files with 21 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
apps/web/src/App.tsx
View File

@@ -27,6 +27,12 @@ import { useBulkImport } from "./hooks/use-bulk-import";
import { useEncounter } from "./hooks/use-encounter";
import { usePlayerCharacters } from "./hooks/use-player-characters";
type PanelView =
| { mode: "closed" }
| { mode: "creature"; creatureId: CreatureId }
| { mode: "bulk-import" }
| { mode: "source-manager" };
function rollDice(): number {
return Math.floor(Math.random() * 20) + 1;
}
@@ -116,10 +122,11 @@ export function App() {
const [rollSkippedCount, setRollSkippedCount] = useState(0);
const [selectedCreatureId, setSelectedCreatureId] =
useState<CreatureId | null>(null);
const [bulkImportMode, setBulkImportMode] = useState(false);
const [sourceManagerMode, setSourceManagerMode] = useState(false);
const [panelView, setPanelView] = useState<PanelView>({ mode: "closed" });
const selectedCreatureId =
panelView.mode === "creature" ? panelView.creatureId : null;
const bulkImportMode = panelView.mode === "bulk-import";
const sourceManagerMode = panelView.mode === "source-manager";
const [isRightPanelFolded, setIsRightPanelFolded] = useState(false);
const [pinnedCreatureId, setPinnedCreatureId] = useState<CreatureId | null>(
null,
@@ -151,9 +158,7 @@ export function App() {
);
const handleCombatantStatBlock = useCallback((creatureId: string) => {
setSelectedCreatureId(creatureId as CreatureId);
setBulkImportMode(false);
setSourceManagerMode(false);
setPanelView({ mode: "creature", creatureId: creatureId as CreatureId });
setIsRightPanelFolded(false);
}, []);
@@ -177,23 +182,17 @@ export function App() {
.replace(/[^a-z0-9]+/g, "-")
.replace(/(^-|-$)/g, "");
const cId = `${result.source.toLowerCase()}:${slug}` as CreatureId;
setSelectedCreatureId(cId);
setBulkImportMode(false);
setSourceManagerMode(false);
setPanelView({ mode: "creature", creatureId: cId });
setIsRightPanelFolded(false);
}, []);
const handleBulkImport = useCallback(() => {
setBulkImportMode(true);
setSourceManagerMode(false);
setSelectedCreatureId(null);
setPanelView({ mode: "bulk-import" });
setIsRightPanelFolded(false);
}, []);
const handleOpenSourceManager = useCallback(() => {
setSourceManagerMode(true);
setBulkImportMode(false);
setSelectedCreatureId(null);
setPanelView({ mode: "source-manager" });
setIsRightPanelFolded(false);
}, []);
@@ -210,14 +209,12 @@ export function App() {
);
const handleBulkImportDone = useCallback(() => {
setBulkImportMode(false);
setPanelView({ mode: "closed" });
bulkImport.reset();
}, [bulkImport.reset]);
const handleDismissBrowsePanel = useCallback(() => {
setSelectedCreatureId(null);
setBulkImportMode(false);
setSourceManagerMode(false);
setPanelView({ mode: "closed" });
}, []);
const handleToggleFold = useCallback(() => {
@@ -258,9 +255,10 @@ export function App() {
if (!window.matchMedia("(min-width: 1024px)").matches) return;
const active = encounter.combatants[encounter.activeIndex];
if (!active?.creatureId || !isLoaded) return;
setSelectedCreatureId(active.creatureId as CreatureId);
setBulkImportMode(false);
setSourceManagerMode(false);
setPanelView({
mode: "creature",
creatureId: active.creatureId as CreatureId,
});
}, [encounter.activeIndex, encounter.combatants, isLoaded]);
const isEmpty = encounter.combatants.length === 0;