Function defaultHtmlContent

pages/dashboard.ts:36–76

({ userDashboard }: { userDashboard: Dashboard })

}

function defaultHtmlContent({ userDashboard }: { userDashboard: Dashboard }) {
  const initialNotes = userDashboard?.data?.notes || 'Jot down some notes here.';

  return html`
    <main id="main">
      ${Loading()}
      <section id="links"></section>
      <section id="notes"></section>
    </main>

    <script type="module">
    import { h, render, Fragment } from 'preact';

    // Imported files need some preact globals to work
    window.h = h;
    window.Fragment = Fragment;

    import Links from '/public/components/dashboard/Links.js';
    import Notes from '/public/components/dashboard/Notes.js';

    const linksElement = document.getElementById('links');
    const notesElement = document.getElementById('notes');

    if (linksElement) {
      const linksApp = h(Links, { initialLinks: ${JSON.stringify(userDashboard?.data?.links || [])} });

      render(linksApp, linksElement);
    }

    if (notesElement) {
      const notesApp = h(Notes, { initialNotes: ${JSON.stringify(initialNotes)} });

      render(notesApp, notesElement);
    }

    if (linksElement && notesElement) {
      document.getElementById('loading')?.remove();
    }
    </script>
  `;
}

export default page({
  get,