\n Loading Dashboard...\n

\n Please wait while we load your data\n

\n );\n }\n\n if (error) {\n return (\n

Error

{error}

\n globalThis.location.href = \"/setup\"}\n className=\"bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700\"\n >\n Back to Setup\n \n

\n );\n }\n\n if (!data) {\n return (\n

\n No Data Available\n

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

\n Bridge Dashboard\n

\n globalThis.location.href = \"/setup\"}\n className=\"text-blue-600 hover:text-blue-800\"\n >\n Setup\n \n \n Logout\n \n

\n\n {/* Connection Status */}\n

Account Connections

\n Bluesky\n

\n \n {data.user.atproto_handle\n ? `@${data.user.atproto_handle}`\n : \"Not Connected\"}\n \n {data.user.atproto_handle\n ? (\n \n Disconnect\n \n )\n : (\n \n globalThis.location.href = \"/setup?step=bluesky\"}\n className=\"text-blue-600 hover:text-blue-800 text-sm font-medium\"\n >\n Connect\n \n )}\n

\n Mastodon\n

\n \n {data.user.mastodon_username\n ? `@${data.user.mastodon_username}`\n : \"Not Connected\"}\n \n {data.user.mastodon_username\n ? (\n \n Disconnect\n \n )\n : (\n \n globalThis.location.href = \"/setup?step=mastodon\"}\n className=\"text-blue-600 hover:text-blue-800 text-sm font-medium\"\n >\n Connect\n \n )}\n

\n\n

Manual Sync

\n Trigger a manual sync to check for new posts from Bluesky\n

\n \n Sync Now\n \n

\n\n {/* Stats */}\n

\n {data.stats.posts_synced}\n

Posts Synced

\n {data.stats.last_sync\n ? new Date(data.stats.last_sync).toLocaleString(\n navigator.language,\n {\n timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n year: \"numeric\",\n month: \"2-digit\",\n day: \"2-digit\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n },\n )\n : \"Never\"}\n

Last Sync

\n {data.stats.posts_failed}\n

Failed Posts

\n\n {/* Recent Posts */}\n

Last 25 synced posts

\n {data.recent_posts.length === 0\n ? (\n

\n No posts synced yet. Make a post on Bluesky to see it appear\n here!\n

\n )\n : (\n

\n {data.recent_posts.map((post) => (\n

\n \n Synced: {post.synced_at\n ? new Date(post.synced_at).toLocaleString(\n navigator.language,\n {\n timeZone:\n Intl.DateTimeFormat().resolvedOptions()\n .timeZone,\n year: \"numeric\",\n month: \"2-digit\",\n day: \"2-digit\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n },\n )\n : \"Unknown date\"}\n \n \n {post.sync_status}\n \n

\n Bluesky:\n \n {post.atproto_uri.replace(\n \"at://\",\n \"https://bsky.app/profile/\",\n ).replace(\"/app.bsky.feed.post/\", \"/post/\")}\n \n

\n {post.mastodon_url && (\n

\n Mastodon:\n \n {post.mastodon_url}\n \n

\n )}\n {post.error_message && (\n

\n Error: {post.error_message}\n

\n )}\n

\n ))}\n

\n )}\n

\n );\n}\n\n// Initialize React app\nconst root = ReactDOM.createRoot(document.getElementById(\"root\")!);\nroot.render();\n","deleted","label",[170,153],"frontend","permalink","https://www.val.town/x/tejpochiraju/atproto-to-fediverse/code/frontend/dashboard.tsx","extension","actionData","errors"]