https://pressthink.org/j/rosen-archive/frontend/desktop/DesktopEntityPanel.js?v=3.8.36

1import { html } from '../html.js?v=3.8.36';
2import EntityBrowser from '../components/EntityBrowser.js?v=3.8.36';
3
4const DesktopEntityPanel = ({
5  records,
6  queryActive,
7  onClearQuery,
8  dataStatus = null,
9  onSelectRecord,
10  selectedEntityId,
11  onSelectEntity,
12  autoFocusSelection,
13  onOpenStandard,
14}) => html`
15  <div className="desktop-entity-panel archive-density--compact">
16    <header className="desktop-archive-heading">
17      <div>
18        <p className="desktop-eyebrow">People and ideas</p>
19        <h3>Trace the archive's relationships</h3>
20        <p>
21          Explore the canonical entity index, then open any connected record without leaving the desktop.
22        </p>
23      </div>
24      <button type="button" className="desktop-standard-link archive-action archive-action--secondary" onClick=${onOpenStandard}>
25        Open standard view
26      </button>
27    </header>
28    ${dataStatus}
29    <div className="desktop-entity-browser">
30      <${EntityBrowser}
31        records=${records}
32        queryActive=${queryActive}
33        onClearQuery=${onClearQuery}
34        onSelectRecord=${onSelectRecord}
35        selectedEntityId=${selectedEntityId}
36        onSelectEntity=${onSelectEntity}
37        embedded=${true}
38        autoFocusSelection=${autoFocusSelection}
39      />
40    </div>
41  </div>
42`;
43
44export default DesktopEntityPanel;