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

1import { html } from '../html.js?v=3.8.36';
2import { Compass, ExternalLink, Sparkles } from 'lucide-react';
3import StartHerePage, { SelectedFindings } from '../components/StartHerePage.js?v=3.8.36';
4
5const DesktopStartPanel = ({
6  mode = 'start',
7  records = [],
8  dataStatus = null,
9  onNavigate,
10  onSelectRecord,
11  onOpenBugReport,
12  onOpenStandard,
13}) => {
14  const findingsOnly = mode === 'findings';
15  const PanelIcon = findingsOnly ? Sparkles : Compass;
16
17  return html`
18    <div className="desktop-guided-panel archive-density--compact">
19      <div className="desktop-adapter-toolbar">
20        <span>
21          <${PanelIcon} aria-hidden="true" />
22          ${findingsOnly ? 'Curated entry points' : 'Visitor guide'}
23        </span>
24        <button type="button" className="archive-action archive-action--secondary" onClick=${onOpenStandard}>
25          <${ExternalLink} aria-hidden="true" />
26          ${findingsOnly ? 'Open standard Start here' : 'Open standard view'}
27        </button>
28      </div>
29
30      ${dataStatus}
31
32      ${findingsOnly ? html`
33        <div className="desktop-findings-content">
34          <${SelectedFindings}
35            records=${records}
36            onSelectRecord=${onSelectRecord}
37            onBrowseArchive=${() => onNavigate?.('archive')}
38          />
39        </div>
40      ` : html`
41        <${StartHerePage}
42          embedded=${true}
43          records=${records}
44          onNavigate=${onNavigate}
45          onOpenBugReport=${onOpenBugReport}
46          onSelectRecord=${onSelectRecord}
47        />
48      `}
49    </div>
50  `;
51};
52
53export default DesktopStartPanel;