Skip to content

chore: Dashboard and Web Cleanup components in support of @openstatus/ui package#1972

Open
aggmoulik wants to merge 2 commits intoopenstatusHQ:mainfrom
aggmoulik:feature/dashboard-ui-package
Open

chore: Dashboard and Web Cleanup components in support of @openstatus/ui package#1972
aggmoulik wants to merge 2 commits intoopenstatusHQ:mainfrom
aggmoulik:feature/dashboard-ui-package

Conversation

@aggmoulik
Copy link
Contributor

chore: Dashboard and Web Cleanup components in support of @openstatus/ui package

@vercel
Copy link

vercel bot commented Mar 12, 2026

@aggmoulik is attempting to deploy a commit to the OpenStatus Team on Vercel.

A member of the Team first needs to authorize it.

…/ui package

Signed-off-by: Moulik Aggarwal <qwertymoulik@gmail.com>
Signed-off-by: Moulik Aggarwal <qwertymoulik@gmail.com>
@aggmoulik aggmoulik force-pushed the feature/dashboard-ui-package branch from 32ea0fd to f7df509 Compare March 12, 2026 15:28
@vercel vercel bot temporarily deployed to Preview – openstatus-status-page March 12, 2026 15:28 Inactive
@vercel
Copy link

vercel bot commented Mar 12, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
Project Deployment Actions Updated (UTC)
openstatus-status-page Skipped Skipped Mar 12, 2026 3:28pm

Request Review

@mxkaske mxkaske requested a review from Copilot March 12, 2026 16:55
@mxkaske
Copy link
Member

mxkaske commented Mar 12, 2026

@claude review

@claude
Copy link

claude bot commented Mar 12, 2026

Claude Code is working…

I'll analyze this and get back to you.

View job run

Copy link
Contributor

Copilot AI left a comment

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 cleans up the Dashboard and Web apps by removing locally-copied UI components/dependencies and standardizing on the shared @openstatus/ui package.

Changes:

  • Remove the Dashboard’s local sidebar component and switch all consumers to @openstatus/ui/components/ui/sidebar.
  • Drop @radix-ui/react-slot from apps/web direct dependencies (now provided via @openstatus/ui).
  • Update next-env.d.ts route-types import paths for apps/web and apps/dashboard.

Reviewed changes

Copilot reviewed 20 out of 23 changed files in this pull request and generated 2 comments.

Show a summary per file
File Description
pnpm-lock.yaml Removes @radix-ui/react-slot from the apps/web importer in the lockfile.
apps/web/package.json Drops direct dependency on @radix-ui/react-slot (relies on @openstatus/ui).
apps/web/next-env.d.ts Updates the route-types import path under .next.
apps/dashboard/src/components/ui/sidebar.tsx Deletes the local sidebar implementation in favor of the shared UI package.
apps/dashboard/src/components/nav/workspace-switcher.tsx Repoints sidebar imports to @openstatus/ui.
apps/dashboard/src/components/nav/sidebar-right.tsx Repoints sidebar imports to @openstatus/ui and adjusts import ordering.
apps/dashboard/src/components/nav/sidebar-metadata.tsx Repoints sidebar imports to @openstatus/ui.
apps/dashboard/src/components/nav/nav-user.tsx Repoints sidebar imports to @openstatus/ui.
apps/dashboard/src/components/nav/nav-status-pages.tsx Repoints sidebar imports to @openstatus/ui (and reorders imports).
apps/dashboard/src/components/nav/nav-overview.tsx Repoints sidebar imports to @openstatus/ui.
apps/dashboard/src/components/nav/nav-monitors.tsx Repoints sidebar imports to @openstatus/ui (and reorders imports).
apps/dashboard/src/components/nav/nav-main.tsx Repoints sidebar imports to @openstatus/ui.
apps/dashboard/src/components/nav/nav-help.tsx Repoints sidebar imports to @openstatus/ui.
apps/dashboard/src/components/nav/nav-banner-upgrade.tsx Repoints sidebar imports to @openstatus/ui (and reorders imports).
apps/dashboard/src/components/nav/nav-banner-checklist.tsx Repoints sidebar imports to @openstatus/ui (and reorders imports).
apps/dashboard/src/components/nav/app-sidebar.tsx Repoints sidebar imports to @openstatus/ui.
apps/dashboard/src/app/(dashboard)/status-pages/[id]/status-reports/layout.tsx Switches SidebarProvider import to @openstatus/ui.
apps/dashboard/src/app/(dashboard)/status-pages/[id]/maintenances/layout.tsx Switches SidebarProvider import to @openstatus/ui.
apps/dashboard/src/app/(dashboard)/status-pages/[id]/components/layout.tsx Switches SidebarProvider import to @openstatus/ui.
apps/dashboard/src/app/(dashboard)/monitors/[id]/overview/layout.tsx Switches SidebarProvider import to @openstatus/ui.
apps/dashboard/src/app/(dashboard)/monitors/[id]/incidents/layout.tsx Switches SidebarProvider import to @openstatus/ui.
apps/dashboard/src/app/(dashboard)/layout.tsx Switches SidebarProvider/SidebarInset imports to @openstatus/ui.
apps/dashboard/next-env.d.ts Updates the route-types import path under .next.
Files not reviewed (1)
  • pnpm-lock.yaml: Language not supported

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

You can also share your feedback on Copilot code review. Take the survey.

Comment on lines +19 to +20
} from "@openstatus/ui/components/ui/sidebar";
import { useSidebar } from "@openstatus/ui/components/ui/sidebar";
Copy link

Copilot AI Mar 12, 2026

Choose a reason for hiding this comment

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

useSidebar is imported in a separate statement from the same module as the other sidebar exports. Consider merging these into a single import to avoid duplicate module specifiers and keep the imports easier to maintain.

Suggested change
} from "@openstatus/ui/components/ui/sidebar";
import { useSidebar } from "@openstatus/ui/components/ui/sidebar";
useSidebar,
} from "@openstatus/ui/components/ui/sidebar";

Copilot uses AI. Check for mistakes.
Comment on lines +19 to +20
} from "@openstatus/ui/components/ui/sidebar";
import { useSidebar } from "@openstatus/ui/components/ui/sidebar";
Copy link

Copilot AI Mar 12, 2026

Choose a reason for hiding this comment

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

useSidebar is imported in a separate statement from the same module as the other sidebar exports. Consider merging these into a single import to reduce duplication and simplify future refactors.

Suggested change
} from "@openstatus/ui/components/ui/sidebar";
import { useSidebar } from "@openstatus/ui/components/ui/sidebar";
useSidebar,
} from "@openstatus/ui/components/ui/sidebar";

Copilot uses AI. Check for mistakes.
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.

3 participants