Function defaultHtmlContent

pages/calendars.ts:37–67

({ userCalendars }: { userCalendars: Calendar[] })

}

function defaultHtmlContent({ userCalendars }: { userCalendars: Calendar[] }) {
  return html`
    <main id="main">
      <section id="calendars">
        ${Loading()}
      </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 Calendars from '/public/components/calendar/Calendars.js';

    const calendarsElement = document.getElementById('calendars');

    if (calendarsElement) {
      const calendarsApp = h(Calendars, {
        initialCalendars: ${JSON.stringify(userCalendars || [])},
      });

      render(calendarsApp, calendarsElement);

      document.getElementById('loading')?.remove();
    }
    </script>
  `;
}

export default page({
  get,