Loading demo data...

;\n if (error) return

Error loading data: {error}

;\n if (!demoData) return

No demo data available

;\n\n // Handle error responses from the API\n if (isApiError(demoData)) {\n return (\n

API Response:

\n Status: {demoData.status}\n

\n Message: {demoData.message}\n

\n );\n }\n\n // Render successful Notion page data\n if (isNotionPage(demoData)) {\n // extract values from demoData\n // use Name if present, otherwise use email\n const getDemoTitle = () => {\n return (\n demoData.properties?.Name?.title?.[0]?.plain_text ||\n demoData.properties?.Email?.email ||\n \"no Name or Email address provided\"\n );\n };\n const demoTitle = getDemoTitle();\n\n const agent = {\n name: demoData.properties?.[\"Agent name\"]?.formula?.string || \"\",\n email: demoData.properties?.[\"Agent email\"]?.formula?.string || \"\",\n };\n\n const cobrowsingEnabled =\n demoData.properties?.Cobrowse?.checkbox || false;\n\n // const demoUrl = demoData.properties?.URL?.url;\n\n return (\n

\n \n

\n \n Glance cobrowse demo\n

\n \n

\n\n

\n {demoData.related_pages.map((page, index) => (\n {\n closeMenu();\n recordClick(\n `content ${page.properties.Name.title[0].plain_text}`\n );\n }}\n >\n {page.properties.Name?.title?.[0]?.plain_text ||\n \"Untitled\"}\n \n ))}\n \n\n

\n {/* 🙂 */}\n

\n Connect with your agent to cobrowse\n

{agent.name}

{agent.email}

\n \n 🟢 Cobrowsing is on\n \n

\n \n ⚪️ Cobrowsing is off\n {\n recordClick(\"cobrowse_request\");\n }}\n className=\"primary\"\n >\n Contact Glance\n \n \n

\n Thanks, an agent has been contacted and cobrowsing will\n be enabled shortly. Stay here.\n

\n \n\n

\n {demoData.related_pages.map((page, index) => (\n \n

\n {page.properties.Name?.title?.[0]?.plain_text ||\n \"Untitled\"}\n

\n\n {/* format Notion page content */}\n \n\n {/* show the demo table of contents navigation\n if this is the first page of demo content */}\n

\n \n

\n \n ))}\n

\n \n\n \n {/* Overlay only renders when menu is open */}\n {isOpen &&

}\n

\n \n );\n }\n\n return

Unknown data format

;\n };\n\n // this last return puts the page elements from renderDemoData into a div, which React likes\n return (\n

{renderDemoData()}

\n );\n}\n","deleted","label",[171,172,152],"frontend","components","permalink","https://www.val.town/x/glance/Glimpse/code/frontend/components/App.tsx","extension","actionData","errors"]