Skip to content

feat: dashboard overhaul#8

Open
realtlos wants to merge 9 commits into
mainfrom
feat/dashboard-1
Open

feat: dashboard overhaul#8
realtlos wants to merge 9 commits into
mainfrom
feat/dashboard-1

Conversation

@realtlos

Copy link
Copy Markdown
Contributor

Changes

New Features

  • Commands tab — full default commands table with toggle, edit, reset, and per-command override dialog; custom commands scaffold
  • Combined Settings — merged Channel Settings, Account Settings, and Connections into a single tabbed Settings page; removed Connections as a standalone sidebar tab
  • Connections — new connections.svelte, connectionItem.svelte, and connections.ts for managing platform connections (7TV, FFZ, BTTV, etc.)
  • Reminders — new reminders tab for channel and user pages
  • Command Settings — new command-settings.svelte for per-command override dialog
  • User Settings — new user-settings.svelte and user-settings.ts for account-level settings within the channel dashboard
  • FAQ page — new /faq route
  • Main dashboard — redesigned landing page with new title, description

Improvements

  • Emote History — fixed set names showing "Unknown" by fetching the real name from the 7TV API; deduplicated fetches with a cache
  • Emote Stats — overhauled layout and data handling
  • Default Commands table — removed Description column
  • Terms page — updated content
  • Top bar / nav — updated layout and channel search
  • Login popup — reworked flow
  • User dropdown — updated
  • Tabs component — added ownerOnly support
  • Types — expanded shared type definitions

Chores

  • Removed mock/placeholder data across reminders, connections, and settings tabs
  • Updated package-lock.json

@realtlos
realtlos force-pushed the feat/dashboard-1 branch from 62cffea to ceeb3c6 Compare May 16, 2026 04:47
@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented May 16, 2026

Copy link
Copy Markdown

Deploying potat-dashboard with  Cloudflare Pages  Cloudflare Pages

Latest commit: 76dd580
Status: ✅  Deploy successful!
Preview URL: https://f947955f.potat-dashboard.pages.dev
Branch Preview URL: https://feat-dashboard-1.potat-dashboard.pages.dev

View logs

@realtlos realtlos changed the title feat: dashboard overhaul and remove mock data feat: dashboard overhaul May 16, 2026

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR delivers a major dashboard overhaul across the SvelteKit app, introducing new dashboard tabs/pages (Commands, combined Settings, Connections, Reminders, FAQ) and refactoring API/auth handling toward cookie-based sessions.

Changes:

  • Adds new channel dashboard experiences (Commands tab with overrides, Combined Settings, Connections, Reminders) plus a new /faq route and redesigned landing/terms pages.
  • Refactors multiple tabs (emote history/stats, settings, connections) to use new $lib/api/* modules and improved pagination/filtering UI.
  • Updates authentication flow/store usage (remove local token usage, rely on credentials: 'include', add /me hydration in layout).

Reviewed changes

Copilot reviewed 42 out of 44 changed files in this pull request and generated 16 comments.

Show a summary per file
File Description
vite.config.ts Allows localhost in allowedHosts.
src/routes/user/[login]/tabs/settings.ts Fixes languages import and uses languages list.
src/routes/user/[login]/tabs/settings.svelte Switches user settings to real API calls.
src/routes/user/[login]/tabs/reminders.svelte Replaces mocked reminders with backend fetch/delete + toasts.
src/routes/user/[login]/tabs/connections.svelte Reworks user connections logic to fetch auth URLs and connections.
src/routes/user/[login]/tabs/connectionItem.svelte Fixes inline style syntax for connected username text.
src/routes/user/[login]/tabs.ts Adds ownerOnly and updates icons.
src/routes/user/[login]/+page.svelte Redirects user dashboard route to channel dashboard.
src/routes/terms/+page.svelte Updates Terms layout/styling and content presentation.
src/routes/faq/+page.svelte Adds new FAQ route/page.
src/routes/channel/[login]/tabs/user-settings.ts Introduces account-level settings defaults for combined settings tab.
src/routes/channel/[login]/tabs/user-settings.svelte Adds account settings UI via PotatSettings.
src/routes/channel/[login]/tabs/settings.ts Updates channel settings defaults to use languages.
src/routes/channel/[login]/tabs/settings.svelte Switches channel settings tab to real API calls via $lib/api/channels.
src/routes/channel/[login]/tabs/reminders.svelte Adds channel reminders tab UI with delete confirmation.
src/routes/channel/[login]/tabs/mod-actions.svelte Replaces placeholder with “Coming Soon” content.
src/routes/channel/[login]/tabs/emote-stats.svelte Refactors stats fetching/pagination + UI overhaul.
src/routes/channel/[login]/tabs/emote-history.svelte Adds filtering UI, better pagination, and 7TV set-name resolution cache.
src/routes/channel/[login]/tabs/custom-commands.svelte Adds custom commands CRUD UI (scaffold) using backend.
src/routes/channel/[login]/tabs/connections.ts Adds connections metadata list (icons/descriptions).
src/routes/channel/[login]/tabs/connections.svelte Adds channel connections tab using $lib/api/users.
src/routes/channel/[login]/tabs/connectionItem.svelte Adds connection item component for channel connections UI.
src/routes/channel/[login]/tabs/commands.svelte Adds combined Custom + Default commands management UI with overrides.
src/routes/channel/[login]/tabs/command-settings.svelte Adds command overrides management UI (separate page).
src/routes/channel/[login]/tabs/combined-settings.svelte Adds tabbed combined settings page (channel/account/connections).
src/routes/channel/[login]/tabs.ts Replaces/reshapes channel dashboard tabs (Commands/Settings/Reminders + emotes).
src/routes/+page.svelte Redesigns main dashboard landing page UI and links.
src/routes/+layout.svelte Hydrates userState via /me on mount; sets state from cookie session.
src/lib/utils.ts Switches auth requests to credentials: 'include' and makes API base env-configurable.
src/lib/types.ts Adds shared types for commands and command settings.
src/lib/store/LocalStorage.svelte.ts Removes token storage; cleans old token key; adds optional pfp.
src/lib/languages.ts Adds languages list used by settings.
src/lib/components/user-dropdown/user-dropdown.svelte Updates logout to server call; switches logged-in detection to userState.
src/lib/components/tabs/index.ts Adds ownerOnly support in tab config.
src/lib/components/tabs/+tabs.svelte Filters tabs by owner; avoids mounting inactive tab components.
src/lib/components/skeleton-image/+skeleton-image.svelte Simplifies loaded/hidden logic.
src/lib/components/settings/index.ts Updates language type reference to new languages module.
src/lib/components/settings/+settings.svelte Improves error handling and updates settings form layout.
src/lib/components/nav/+top-bar.svelte Updates nav links, adds Docs/FAQ, adjusts channel search UI.
src/lib/components/login-popup/+login-popup.svelte Reworks login popup flow to use postMessage payload + origin checks.
src/lib/api/users.ts Adds users API wrappers for settings, reminders, connections/auth.
src/lib/api/emotes.ts Adds emotes API wrappers for stats and history.
src/lib/api/channels.ts Adds channels API wrappers for settings, commands, and command overrides.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/lib/components/settings/index.ts Outdated
Comment thread src/routes/channel/[login]/tabs/settings.ts Outdated
Comment thread src/routes/user/[login]/+page.svelte Outdated
Comment thread src/lib/components/login-popup/+login-popup.svelte
Comment thread src/lib/components/nav/+top-bar.svelte
Comment thread src/routes/channel/[login]/tabs/connections.ts Outdated
Comment thread src/routes/channel/[login]/tabs/connections.ts Outdated
Comment thread src/routes/channel/[login]/tabs/command-settings.svelte
Comment thread src/routes/channel/[login]/tabs/command-settings.svelte
Comment thread src/routes/channel/[login]/tabs/command-settings.svelte
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants