WildDragonLLC/dragonflight
1
0
Fork 0
Code Issues 32 Pull requests 7 Projects Releases Packages Wiki Activity Actions

polish: defensive hydration defaults on ZAMPP_DATA accessors

Browse source 
Guards against the brief window between app mount and the first
data load completing — empty arrays render gracefully instead
of throwing on .filter / .map.
This commit is contained in:
claude 2026-05-23 04:17:36 +00:00
parent 24820e921e
commit 7da171cf1f
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
services/web-ui/public/screens-ingest.jsx
View file

@ -259,7 +259,7 @@ function _normRecorder(r) {
} }
function Recorders({ navigate, onNew }) { function Recorders({ navigate, onNew }) {
const [recorders, setRecorders] = React.useState(window.ZAMPP_DATA.RECORDERS); const [recorders, setRecorders] = React.useState(window.ZAMPP_DATA?.RECORDERS || []);
const refresh = React.useCallback(() => { const refresh = React.useCallback(() => {
window.ZAMPP_API.fetch('/recorders') window.ZAMPP_API.fetch('/recorders')
@ -521,7 +521,7 @@ function Capture({ navigate }) {
/* ===== Monitors ===== */ /* ===== Monitors ===== */
function Monitors({ navigate }) { function Monitors({ navigate }) {
const [recorders, setRecorders] = React.useState(window.ZAMPP_DATA.RECORDERS); const [recorders, setRecorders] = React.useState(window.ZAMPP_DATA?.RECORDERS || []);
const [grid, setGrid] = React.useState(4); const [grid, setGrid] = React.useState(4);
React.useEffect(() => { React.useEffect(() => {

4
services/web-ui/public/screens-projects.jsx
View file

@ -42,8 +42,8 @@ function NewProjectModal({ onClose, onCreated }) {
} }
function Projects({ onOpenProject, navigate }) { function Projects({ onOpenProject, navigate }) {
const [projects, setProjects] = React.useState(window.ZAMPP_DATA.PROJECTS); const [projects, setProjects] = React.useState(window.ZAMPP_DATA?.PROJECTS || []);
const { ASSETS } = window.ZAMPP_DATA; const ASSETS = window.ZAMPP_DATA?.ASSETS || [];
const [search, setSearch] = React.useState(''); const [search, setSearch] = React.useState('');
const [view, setView] = React.useState('grid'); const [view, setView] = React.useState('grid');
const [showNew, setShowNew] = React.useState(false); const [showNew, setShowNew] = React.useState(false);